2006年08月18日
Not or Hotなデザイン
Not 1-10 Hotのように、数字でよいデザインかどうかを数値クリックでレーティング（格付け）するサイトHot or Not Designs - Vote on a site's layout
自分の好みによって数値を好きに選べて格付けしてクリック。
カンタン、おもしろい。
You voted 6 – the average vote is 5.5.
ってな具合に評価が、画像上部に表示される。
（voteは投票する、という動詞。averageは平均）
ただCSSデザイン限定とか、そういった要素はなく、単純に見た目を聞いてくるのでその辺要注意。
ま、見た目第一主義なら問題ないと思います。
投稿者 ps4jp : 02:36 | コメント (0) | トラックバック
2006年05月27日
カッチョイイCSSリンクナビゲーション
http://www.dynamicdrive.com/style/csslibrary/item/slanted-divider-menu/ここがカッチョイイナビゲーションを披露している。 まあボーダーと斜めの画像を上手く使いこなしている例だと思ったのでメモ。
色をもっと工夫すればかなり格好良くカスタムできそうだなあ。
投稿者 ps4jp : 00:57 | コメント (0) | トラックバック
2006年05月26日
Spring 2006 CSS Reboot
Spring 2006 CSS Rebootの投票が締め切り間近な様子 そこで適当に最近のエントリを見てたら凄いサイトを作っている方を発見したのでメモしておく。
[URL]http://www.challenger.se/
スウェーデン在住の方。CSS/JavaScript（Ajax）でデスクトップを再現している。
クオリティとコンテンツが細かく作り込まれ、作者コメントによるとAjaxやそれらの技術によって多大なる利益を得られることを願っているそう。
スクリプトファイルがたくさんあって重いけど、まあ楽しむって意味では良いかと。
投稿者 ps4jp : 00:30 | コメント (0) | トラックバック
2006年05月20日
2カラム3カラムリキッドレイアウトもお任せあれ
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!これはまあ凄いというか絶句モノ。
全パターンのレイアウトがある。 valid CSS and HTML でかつ全テンプレートにおいて同じHTMLタグで実装するCSSデザイン。
without hacks nor workaround and a good cross-browser compatibility
（眠いので適当に和訳すると「CSSハックを使わずクロスブラウザ対応」という感じかな）
まあこのサイトは今年の3月に一気に認知度がアップしたサイトらしいのだけれど、自分としてはさっき初めて見たのでとりあえず流行には遅れないようにしたいから、ここで今、メモ。
投稿者 ps4jp : 04:25 | コメント (0) | トラックバック
2006年05月06日
今流行のCSS最新トレンド
どうやらfamfamfam.com: Silk Iconsでアイコンをアクセントに使い、1024pxを基準にレイアウトすることらしい。 で、あとは暗めの背景に明るめの文章、あとは大きめのフッタ。大きめのフッタっていうのはどうやらサイドバーにおくような情報をフッタにまとめあげたものらしい。
まあ、トレンド紹介ってことでメモ。
投稿者 ps4jp : 23:11 | コメント (0) | トラックバック
2006年04月28日
CSSの基本配色を自動でスピンできるサイト
Color Wheel - ver 2.0.1基本配色を決めるのに凄い便利。
適当に押してSpinを押せばとりあえず説明抜きに誰でも出来るとおもう。 一応ブックマーク。
Webベースであれこれできるツールって最近多い気がする。
投稿者 ps4jp : 13:56 | コメント (0) | トラックバック
2006年04月25日
これは便利なオンラインリファレンス
CSS lookupこれで読みたいリファレンスを左メニューから選択すると、右側に説明が表示される。
ちなみに全文英語。
投稿者 ps4jp : 22:57 | コメント (0) | トラックバック
2006年04月02日
CSSによるセンタリングの弊害 ～IEのバカヤロー～
CSSでセンタリングしようとしてOperaやFirefoxを考慮していると、IEがネックになってくる というのもWindows版IEのバグで、text-align:center;で内在するブロックレベル要素そのものまで、センタリングしてしまうから。要するに内在する要素には手を出すなと言いたい。
親に指定したtext-align:center;が、子に継承されて、子要素のブロックレベル要素の内容までセンタリングしてしうま。
この弊害を無くすには、子要素にtext-align:left;を指定するわけだけど、どうにかこの子要素に指定するtext-align:left;を簡略化できないものかどうか悩み中。