2006-07-24 Mon
ADxMenu - CSSナビゲーションメニュー
- ADxMenu Examples
http://www.aplus.co.yu/adxmenu/examples/
- Reference
aplus :: ADxMenu
http://www.aplus.co.yu/adxmenu/intro/
- via
GIGAZINE - ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」
http://gigazine.net/index.php?/news/comments/20060724_css_adxmenu/
2006-07-12 Wed
スタイルシートを書く時のガイドライン
- Reference
スタイルシートを書く時のガイドライン - 2xup
http://2xup.org/log/2006/07/11-1956
2006-06-19 Mon
Clean CSS - CSSの最適化,ファイルサイズ削減ツール
- Summary
テキストフィールドにCSSを入力するか,CSSが置いてあるURLを指定して,"Process CSS" をクリック.

- 使用前 (196byte)
#example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding: 10px 5px 10px 5px; }
- 使用後 (Compression: Low)
#example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; }
| 入力 | 196 byte |
| 出力 | 99 byte |
| 圧縮率 | 49.5 % |
| 差 | - 97 byte |
- 使用後 (Compression: Standard)
#example { color:#000; background-color:#fff; font-weight:700; margin:5px; padding:10px 5px; }
| 入力 | 196 byte |
| 出力 | 94 byte |
| 圧縮率 | 52.0 % |
| 差 | -102 byte |
- 使用後 (Compression: High)
#example{color:#000;background-color:#fff;font-weight:700;margin:5px;padding:10px 5px;}
| 入力 | 196 byte |
| 出力 | 87 byte |
| 圧縮率 | 55.6 % |
| 差 | -109 byte |
- Reference
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS
http://www.cleancss.com/
2006-06-19 Mon
きれいな独自フォームの生成方法
- Summary
Niceform[2006-04-18-3]のような独自フォームを生成する方法.
- Reference
maratz.com - 2006-06-11 - Fancy checkboxes and radio buttons
http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/
- via
phpspot開発日誌 - 2006-06-19 - デフォルトのフォームをクールにカスタマイズする方法
http://phpspot.org/blog/archives/2006/06/post_85.html
2006-06-18 Sun
rendr - CSSとHTMLをリアルタイム編集
- Reference
rendr
http://gregtaff.com/rendar2.html
2006-06-18 Sun
HTML Slidy - W3Cが提供するプレゼンテーションツール
- Reference
HTML Slidy
http://www.w3.org/Talks/Tools/Slidy/
2006-06-18 Sun
(X)HTML の id/class における命名規則
- Reference
And all that Malarkey // Naming conventions table
http://www.stuffandnonsense.co.uk/archives/naming_conventions_table.html
- via
(X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (1)
http://purpr.in/presentation/cssflight/
2006-06-12 Mon
CSS だけでタブ UI を実現
- Summary
CSS3だけでタブを実現.
Behaviour.js を利用している.
- Reference
我的春秋 - Tabs using :target pseudo-class in CSS 3
http://my-chunqiu.cocolog-nifty.com/html/test.html
- via
我的春秋 - 2006-01-05 - JavaScript ソースが HTML から消える日
http://my-chunqiu.cocolog-nifty.com/blog/2006/01/javascript_html_bc22.html
我的春秋 - 2006-06-10 - 続 JavaScript ソースが HTML から消える日
http://my-chunqiu.cocolog-nifty.com/blog/2006/06/_javascript_htm_d49c.html
2006-06-08 Thu
XHTML + CSS で組みなおす
- Reference
3ping.org - 2006-05-16 - mixiをXHTML+CSSで組みなおす
http://3ping.org/2006/05/16/0529
3ping.org - 2006-05-24 - HatenaをXHTML+CSSで組みなおす
http://3ping.org/2006/05/24/2259
2006-04-17 Mon
Top 10 CSS Tutorials
Top 10 CSS Tutorials - Cameron Olthuis
http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/
2006-04-17 Mon
CSSレイアウト サンプル集
- Reference
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
http://blog.html.it/layoutgala/
2006-04-03 Mon
JavaScriptは使わずCSSだけで作られたイメージギャラリー
- Reference
stu nicholls | CSS PLaY | cross browser multi page photo gallery
http://www.cssplay.co.uk/menu/lightbox.html#flower8
Suckerfish HoverLightbox | Monday By Noon
http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/
- via
GIGAZINE - JavaScriptは使わずCSSだけで作られたイメージギャラリー
http://gigazine.net/index.php?/news/comments/20060402_cssonly/
2006-03-10 Fri
CSS だけで Mac OS X の Dock 風ナビゲーション
- Reference
Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーション
http://www.lucky-bag.com/archives/2006/03/css-navigation-magnification.html
Paul Armstrong Designs - Weblog - CSS
http://paularmstrongdesigns.com/weblog/css/navigation-magnification
2006-03-02 Thu
Multi-column layout inCSS - CSSを用いた段組作成のコツ
- Reference
Multi-column layout in CSS
http://www.w3.org/1999/06/WD-css3-multicol-19990623
CSS: under construction
http://www.w3.org/Style/CSS/current-work
CSSを用いた段組の作成のコツ
http://www.fromdfj.net/html/column.html
2006-02-16 Thu
IE7におけるCSSサポートの改善
IEBlog : Improving the CSS 2.1 strict parser for IE 7
http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx
IE7におけるCSSサポートの改善 | Web標準Blog | ミツエーリンクス
http://standards.mitsue.co.jp/archives/000076.html
2006-02-09 Thu
userContent.css で Apache2 の server-status を見やすくする
@-moz-document url-prefix("http://localhost/path/to/server-status") { h1 { maring: 0; padding: 10px; color: #fff; background-color: #000; } td,th { padding: 5px; border: 1px #eee solid; } th { color: inherit; background-color: #eee; } pre { padding: 10px; color: #fff; background-color: #000; } }
- Reference
Firefox まとめサイト - usercontent.css
http://firefox.geckodev.org/?usercontent.css
2006-01-19 Thu
CSSを使ってキーボード入力をアイコンのように表示
- Source
kbd { color: #333333; background-color: white; text-align: center; border-left: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; border-right: 2px solid #666666; border-bottom: 2px solid #666666; -moz-border-radius: 4px 4px 4px 4px; padding-left: 1px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; margin-left: 2px; margin-right: 2px; vertical-align: top; font-family: sans-serif; }
- Sample
Ctrl+Alt+Del
- Reference
にわか鯖管の苦悩日記 - 2006-01-11 - CSSを使ってキーボードのアイコンっぽく表示させる
http://kikuz0u.x0.com/td/?date=20060111#p02
- via
cl.pocari.org - 2006-01-11
http://cl.pocari.org/2006-01-11-9.html
2005-12-26 Mon
Cheat Sheets Collection
- Reference
Perl Cheat Sheet
http://juerd.nl/site.plp/perlcheat
Perl Cheat Sheet
http://ali.as/devel/cheatsheet.html
Perl Cheat Sheet
http://goldenink.com/perl/perlcheat.html
PHP Cheat Sheet
http://www.ilovejackdaniels.com/php/php-cheat-sheet/
JavaScript Cheat Sheet
http://www.ilovejackdaniels.com/javascript/javascript-cheat-sheet/
CSS Cheat Sheet
http://www.ilovejackdaniels.com/css/css-cheat-sheet/
mod_rewrite Cheat Sheet
http://www.ilovejackdaniels.com/cheat-sheets/mod_rewrite-cheat-sheet/
Vim Commands Cheat Sheet
http://bullium.com/support/vim.html
Cheat Sheet Roundup
http://www.petefreitag.com/item/455.cfm
2005-11-21 Mon
Internet Explorer で CSSに指定された背景を印刷する
- 方法
[ツール] - [インターネット オプション] - [詳細設定]タブ
[印刷] - [背景の色とイメージを印刷する]チェックボックスにチェック
- ポイント
デフォルトではオフ
2005-11-08 Tue
h1 タグの前で改ページ
- CSS
h1 { page-break-before: always; }
- Reference
Paged media
http://www.w3.org/TR/REC-CSS2/page.html
- via
cl.pocari.org - 2005-02-21
http://cl.pocari.org/2005-02-21-1.html

