はてなブログのデザインテーマ別表示領域一覧 - 正衛門
デザインテーマをAeroにした場合 メイン部分の表示領域：横幅550px 左右のpaddingが20pxだから実質840pxの内800px サイドバーの表示領域：横幅250px 左右のpaddingが20pxだから実質200pxの内160px で、計800pxとまあまあ。 メイン部分がわりと狭いけど、短い内容でもアメブロ的改行を多用せずとも比較的長めの文章に仕立て上げることが可能。 仕立て上げるって書くと少々聞こえは悪いが、ユーザにとって横幅も程よく読みやすいかもしれない。 はてなフォトライフ画像は横幅の上限が500pxで自動リサイズされるし、よほどのことがない限りはこのデザインにしておいて間違いはないかもしれない。 デザインテーマをNaturalにした場合 メイン部分の表示領域：横幅900px padding-leftが約145px、padding-rightが約105pxだから実
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル:phpspot開発日誌
少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが３０種類も紹介されています。 次のような、本当に、本当にフリーでいいんですか？本当にフリーでいいんですか？とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/05/grid-design.html
http://www.designwalker.com/2010/05/wireframe-resource.html
