CSSハックマニア その1
CSSは奥が深い。どれほどのことが出来るのかと思うくらい、いろいろなスタイルシートが紹介されています。しかも jQuery なんかとの組合せで大抵のことができてしうのではないでしょうか？コーディングをする上で、スタイルシートを使ってどういったことが出来るのか把握しておくことは重要だし、その上で構築するサイトに必要なもの不要なものを切り分けることが必要ですね。
とくにブラウザ毎のハックをする場合、ブラウザの特性や仕様の違いを把握して使い分ける必要があると思います。きれいに仕上げられたデザインを生かすも殺すもスタイルシート次第といったところでしょうか。
Out of the box
The Z-Index CSS Property: A Comprehensive Look
CSSならコリスさんのとこが一番多く情報を集められます。
そのまま使えるコメントのスタイルシートのテンプレート集
テキストの可変に対応したシンプルでスタイリッシュなパンくず
大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート
スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション
How to Create a Valid Non-Javascript Lightbox
A Super Simple Horizontal Navigation Bar
A Vertical menu with flyout lists
How to Create a Beautiful Dropdown Blogroll Without JavaScript
Experimental – Sliding menu
Make website images look like a video with this CSS effect
Fixed Header & Footer Layout: A Beginner’s Guide
Simple CSS shiny progress bar technique
スクリプトなしでってところがすごい
Futurebox, lightbox without the JavaScript
Triple Block Hover
印刷用CSSがよくなるポイント
Handy Tips for Creating a Print CSS Stylesheet
Apple’s Navigation bar using only CSS
Horizontal unordered lists non-floating
Professional Dark CSS Menu
Create CSS pin balloons with ease
Total background hover
Add zoom icon to images using CSS (and jQuery, of course)
Image & Text hover
Professional dropline with images…
Markup Hierarchy ? Advantages in SEO
Auto-scrolling Parallax Effect without JavaScript
Tips for Developing Semi-Liquid Layouts
CSS Light Box – Click version
15 Surefire Ways to Break Your CSS
IE6.0対応のためのバグ修正をしてくれるサービス
IE6 CSS Fixer
上級者向け、スタイルシートのテクニック集
スタイルシートの構造を把握しやすくするオンラインサービス -Styleneat
基本から実用的なものまで、スタイルシートのスニペット集
検索フォームを素敵なデザインするスタイルシート集
25 Incredibly Useful CSS Tricks You Should Know
SlickMap CSS
CSS Sprites + Rounded corners
CSS Menu Generator
Golden Ratio in modern CSS
Mastering CSS, Part 1: Styling Design Elements
50 New CSS Techniques For Your Next Web Design
CSS 3 Cheat Sheet
Creating Thumbnails Using the CSS Clip Property
Backgrounds In CSS: Everything You Need To Know
Leave a Reply