延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
WEB制作・運営者必見！2012年に流行る（かも！？）新世代CMS4つを徹底検証 | Inbound Marketing Blog
こんにちは。 CMS開発担当の山口です。 今回は「INBOUNDなWEBサイト」、つまり、お問い合わせがたくさん来るWEBサイトを作るにあたって、欠かせない必須アイテムであるCMSについてお話しします。 ※あらためてCMSとは… WEBサイトのページやコンテンツ、画像などを管理・更新しやすいようにシステム化したもの。 現代のWEBサイトにおいて、CMSでの構築は、マストな要件となってきました。 WEBサイトが「作る」時代から「運用する」時代になって久しく、 その難しさや大変さは周知されてきました。 そこで登場したのがCMS。 運用の簡略化・効率化に貢献し、WEBサイトの懐を大きくするツールとして、 今ではWEB制作現場で当たり前のように使用されています。 WEBサイト制作スキルのないメンバーで運用するCMSを探そう そもそもCMSは古くから各所で開発され、それぞれ違う目的・用途を持って
Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
artless Inc. / mount inc. / standardimage他...全60件
もうユーザーを迷わせない！ナビゲーションメニュー設置のコツ
2013年11月22日 Webサイト制作, ユーザビリティ どのWebサイトにも必ずあるのがナビゲーションメニュー。各コンテンツページへリンクされている「Webサイトの目次」です。この目次をきちんと設置していないと、ユーザーは欲しい情報が見つけられず、離脱率が高くなります。そのサイトでしか手に入らない、本当に必要な情報でない限り、こちらから案内しないとユーザーはコンテンツを探そうとしません。そんなナビゲーションメニューについて考えてみましょう。 ↑私が10年以上利用している会計ソフト！ ナビゲーションメニューの設置ポイント すべてのページに 基本中の基本ですが、メインのナビゲーションメニューはどのページにも同じ場所に設置しましょう。ホームページでしか表示されない…なんてことがないように。というのも、ユーザーが最初にたどり着くのが必ずしもホームページとは限らないからです。検索で特定のコンテン
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design - かちびと.net
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト 似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patterns pttr
ホーム - ウェブパッケージ
整理され、シンプルで、使い勝手が良い。メトロスタイル（カードスタイル）は、すべてのメインコンテンツが配置されたセクション（カード）を使ってサイト構造を構築するという原則に基づいています。
採用Facebookページ制作時の注意点まとめ | 求人広告代理店のリクエストエージェント
ソーシャルリクルーティングが話題になり、Facebookを活用して、新卒採用・中途採用をする企業も増えてきました。Facebookページは「採用」という目的は同じなのに、企業によってページの見せ方、コピーのつけ方、応募の流れがそれぞれ異なります。 Facebookページは自由にページを作成できるので、募集ページも企業文化をアピールする大事な場所です。今回は国内企業の運用事例を紹介しながら、Facebookページで求人募集をするにあたって、制作時に注意しなければいけない項目をまとめました。 採用Facebookページ運用の基礎知識 Facebookページを使って採用募集をするにあたって、知っておくべきFacebookページ運用の基礎知識をまとめました。 ページURLは「いいね！」が25人以上で変更可能！ Facebookページを作成すると、自動的にURLが割り当てられます。このURLは数字を
Website Design Templates
DreamTemplate offers one of the world's largest premium website template collections. If you're looking for premium, high quality website templates, look no further! All our templates use fully valid CSS and xhtml coding, this means if you're looking for xhtml templates or CSS web templates, DreamTemplate is your number #1 choice, as we supply all of these templates under a single membership price
CSS3で実装されたボタンの総まとめ
利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。 ほとんどのものがclassを追加するだけで、簡単に利用できます。
CSS3について知っておきたいことのまとめ
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 CSS3セレクタはW3
h1〜h6で作った文書の階層を元にメニューを自動生成してくれるjQueryプラグイン「pageMenu」:phpspot開発日誌
h1〜h6で作った文書の階層を元にメニューを自動生成してくれるjQueryプラグイン「pageMenu」 2011年07月07日- $ pageMenu plugin 0.0.2 | jQuery Plugins h1〜h6で作った文書の階層を元にメニューを自動生成してくれるjQueryプラグイン「pageMenu」 HTMLでH1〜H6で綺麗に階層的に文書を記述しておくと次のようなページメニューを自動で作ってくれてページ内リンクしてくれるというものです。 自分で作ると文書追加の際に修正しなくてはならず、漏れも発生しそうですが自動でやることでその心配や手間はゼロになります。 初期化もカンタン。 jQuery('h2').pageMenu(); 綺麗にHTMLを書いている方はこの1手間でかなり使いやすくなりますね 関連エントリ iOSのシェイクイベントを取得できるjQueryプラグイン「gS
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション ｜https://wp.yat-net.com/name
2011年 06月 22日 和や京都っぽさを演出するのに使えるPhotoshopのパターンとブラシ 全321個 ＋ ブラシファイルの中身が見れるアプリケーション カテゴリ： テクスチャ ブラシ タグ：Photoshopパターンブラシ作成支援ツール
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイン制作・Webサービス・Webデザインレッスン :: Stocker.jp
クリエイティブでデザイン性の高い国内サイト ベスト14 – 2011年10月版 | WDS
Components · Twitter Bootstrap
http://www.designwalker.com/2010/06/jquery-forms.html
http://www.designwalker.com/2009/03/form-design-2.html
新着記事
新着記事
