![http://www.designwalker.com/2009/04/wireframe-2.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ff1f0b6088f4085799229c562dcb3525e2a3b27/height=288;version=1;width=512/https%3A%2F%2Fg.twimg.com%2FTwitter_logo_blue.png)
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
ウェブページのレイアウトでは、ヘッダーやサイドバー、コンテンツなどをどのように配置するかがポイントとなる。現在、配置のコントロールにはfloatやpositionプロパティを利用するのが一般的だが、CSS 3の「Advanced Layout Module」という草案では、新しいレイアウト手法が提案されている。 このレイアウト手法は「行と列のレイアウト」や「ボックスレイアウト」と呼ばれ、FirefoxとSafari、Google Chromeが対応している。 ボックスレイアウトの機能を利用すれば、これまでのfloatやpositionプロパティでは困難だった「段の高さを揃えた段組み」なども簡単に作成できるようになる。 そこで今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認
随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに使えそうな一式。Ver 3をDL(zip:40kb) Ver 3を見る Ver.3の中身ご説明 主な変更点を。 style.cssのwidthなどのプロパティをまとめていたのをVer1と同じに。 default.cssに書かれていた、p要素のmargin-bottomの指定をstyle.cssに移動。 default.cssのfont-familyの指定を若干変更。 index.htmlにGoogleカスタムサーチ用に使えるソースを記入。 Ja
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 フォームのログインのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集 「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く