ユーザーが2～3カラムや800pxか1000pxか等を動的に変更できるすごいJavaScript*ホームページを作る人のネタ帳
Keeping Your Elements’ Kids in Line with Offspring
CSS selectors are handy things. They make coding CSS easier, sure, but they can also help keep your markup clean. For example, here’s a chunk of code that doesn’t use selectors well: <ul class="products"> <li class="product">Item 1</li> <li class="product">Item 2</li> <li class="product">Item 3</li> </ul> This textbook class-itis leads to messy CSS: ul.products { /* Properties here */ } li.product
「公開デザイン祭2007秋」キャンペーン入選作品発表 - はてなダイアリー日記
2007年11月12日 〜 2007年11月27日まで開催していた「公開デザイン祭2007秋」では、たくさんの方に素敵なデザインをご応募いただきありがとうございました。総計で71作品の応募をいただき、昨日はてな社内にて厳正な審査を行い、大賞・入選作品を決定いたしました。 今回ご応募いただいた71作品は、惜しくも入賞されなかった作品も含めてどれもクオリティが高く、選考にあたったスタッフも思わずうなるほどの力作揃いでした。選考の様子を撮影した動画を昨日のエントリーで公開しておりますので、よろしければご覧ください。 大賞、入選作品はそれぞれ以下の10作品です。入選となったユーザー様、おめでとうございます。 大賞(Amazonギフト券 5万円分) オータム・リーフ id:K8A さん 季節感を感じるシルエットのイラストを利用しつつ、さりげないテクスチャ感がとても品がよく、それでいてゆとりを持った間
文書指向ウェブデザインにおけるスタイルシートの定石 - Hatena::agenda
スタイルシートの文脈で文書指向ウェブデザインを説明すると、文書を読みに来た閲覧者のみをターゲットにしたデザインということだ。正式版をjintrick.netで公開する前に1時間で書いたプレビュー版を糞ブログに「流して」おこう。 前景色は黒（#000）、背景色は白（#FFF）にすることで、より確実な可読性を確保できる。眩しくて読みづらいというよくある批判に対する答えはこうだ： モニタの輝度を落とせば良い。 モニタの輝度を落とさなければならない状況が考慮されていない。 特に後者はまだ誰も言及していないんじゃないかな。 左右のマージンを小さくすることで、より幅広い状況に適応できる。相対指定の2〜3%程度で十分だろう。それでも左右が詰まっていて息苦しいという批判に対する答えはこうだ： その閲覧者はデザインを眺めに来たのであって、文書を読みに来たのではない可能性が高い。 CSSにおけるmax-wid
はてなスターの画像が自由に変更できるようになりました - はてなダイアリー日記
さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tumblr - Reblog Notes Styler
http://www.designwalker.com/2007/11/site-layout.html
Amazon.co.jp: Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS: Cederholm, Dan: 本
Amazon.co.jp: Dom Scripting: Web Design with JavaScript and the Document Object Model: Keith, Jeremy: 本
