[CSS]タイムラインをリスト要素で美しく実装するスタイルシート
タイムラインをリスト要素で美しく実装するスタイルシートをMattBango.comから紹介します。
タイムラインは上下二段のリストで実装されており、各項目は全体を7分割した14.29%を基準に%指定でサイズと配置が決められています。
エントリーでは他にも面白いタイムラインが紹介されていました。
Post on:2009年7月10日
Recnet Entry
- ダウンロードしておきたいフリーのデザインフォントのまとめ -2012年5月
- [JS]Responsiveデザインでサイズ可変の画像でもクリッカブルマップ対応にするスクリプト -RWD Image Maps
- 個人にもチームプロジェクトにも役立つソースコードのコメントの使い方
- CSSベースのかっこいいボタンがぱっと簡単に作成できるオンラインサービス -Twitter Bootstrap Button Generator
- [CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
- [JS]iOS向けのページ制作に役立つ便利機能がたくさん詰まったスクリプト -iOS.js
- [JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js
- シームレスに使える、布地ベースのざらっとした癒し系のパターン素材
- 商用利用も無料、美しいページレイアウトと細部まで作り込まれたUIエレメントが揃ったウェブデザイン用のPSD素材 -Blaz.
- [JS]Responsiveデザインに対応したフォームを作成するスクリプト -Ideal Forms
- [CSS]CSSリセットとは異なる、Normalize.cssの特徴や使い方などの解説 -About normalize.css
- [JS]タイル状に配置した画像やテキストをランダムな順番でふわりと表示するスクリプト -champagne.js
- [JS]ウェブページのUIエレメントにちょっとだけ便利な機能を加えるスクリプト -minjs
- [CSS]便利なセレクタの使い方が実例を見ながら学べる -CSS Selectors
- Photoshopのドロップシャドウの使い方をマスターするチュートリアル
Pickup Entry
- [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3
- [JS]jQueryのプラグイン33+1選 -2011年10・11月
- [JS]jQueryのプラグイン100選 -2011年総集編
- jQueryの日本語の解説サイトと国産のプラグイン集
- ウェブデザインのセンスを磨こう、素敵なUIデザインのまとめ
- ウェブデザイナーとしてスキルアップするための20のメソッド
- 2010年、押さえておきたいウェブデザインのトレンド
- 2010年に備えて、知っておきたいウェブデザインのトレンド
- ワンパターンなウェブデザインから抜け出すための10のヒント
- ウェブサイトでやってしまいがちなユーザビリティのミス
- 黄金比をサイトのデザインに取り入れる簡単な３つの方法
- ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法
- Photoshopでつくるタイポグラフィのチュートリアル -Part19
- グラデーションをマスターするためのPhotoshopのチュートリアル集
- 印象に残る写真を撮るための10のポイント
- イメージアップに効果的なロイヤリティフリーの写真素材30選
- 商用サイトでも制限無しで利用できる無料の写真素材サイト集
- 漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
- エクセルのデータを見やすくする5つの簡単なテクニック
- 見栄えがよく、分かりやすいエクセルのグラフを作成する5つの簡単なテクニック
- たった一晩で睡眠の周期を変える方法
- フェルメールやゴッホ、北斎など西洋・日本の名画を楽しめるサイト集
- ステキな文房具屋さんのリンク集
- オンラインで無料で聴ける、心と体を癒すサウンド集
- 英語が無料で学べる、フォローしたいTwitterのアカウント集
Archive by month
- 2012年5月 (27)
- 2012年4月 (40)
- 2012年3月 (39)
- 2012年2月 (41)
- 2012年1月 (32)
- 2011年12月 (37)
- 2011年11月 (40)
- 2011年10月 (45)
- 2011年9月 (52)
- 2011年8月 (46)
- 2011年7月 (42)
- 2011年6月 (51)
- 2011年5月 (46)
- 2011年4月 (45)
- 2011年3月 (33)
- 2011年2月 (43)
- 2011年1月 (40)
- 2010年12月 (48)
- 2010年11月 (52)
- 2010年10月 (54)
- 2010年9月 (47)
- 2010年8月 (59)
- 2010年7月 (49)
- 2010年6月 (43)
- 2010年5月 (35)
- 2010年4月 (48)
- 2010年3月 (53)
- 2010年2月 (51)
- 2010年1月 (45)
- 2009年12月 (65)
- 2009年11月 (38)
- 2009年10月 (49)
- 2009年9月 (58)
- 2009年8月 (35)
- 2009年7月 (69)
- 2009年6月 (78)
- 2009年5月 (66)
- 2009年4月 (59)
- 2009年3月 (75)
- 2009年2月 (72)
- 2009年1月 (78)
- 2008年12月 (65)
- 2008年11月 (67)
- 2008年10月 (69)
- 2008年9月 (57)
- 2008年8月 (74)
- 2008年7月 (81)
- 2008年6月 (61)
- 2008年5月 (64)
- 2008年4月 (83)
- 2008年3月 (76)
- 2008年2月 (65)
- 2008年1月 (55)
- 2007年12月 (54)
- 2007年11月 (70)
- 2007年10月 (99)
- 2007年9月 (109)
- 2007年8月 (52)
- 2007年7月 (21)
- 2007年6月 (13)
- 2007年5月 (6)
- 2007年4月 (18)
- 2007年3月 (24)
- 2007年2月 (22)
- 2007年1月 (28)
- 2006年12月 (29)
- 2006年11月 (32)
- 2006年10月 (33)
©2011 coliss