Tag : CSS

READ MORE

Webサイトを制作する際、困った状況に陥ることがある、連続した半角英数文字の扱い。通常、何も指定を加えなければWebブラウザは半角英数文字の連続は改行を判断しないので表示エリアを無視して突き出た状態になってしまい、レイアウトをとんでもなく崩してくれることに。。。IEではCSSの独自プロパティ「word-break」の指…

READ MORE

CSS3ではグラデーションや角丸加減を画像を一切使用せずにCSSのみで表現できるようになる、というのはもう有名な話。そんなCSS3を使ってブラウザ上から簡単にボタンを生成(画像の使用は一切なし)することができる「CSS3 Button Maker」が今後活用出来そうです。≫CSS3 Button Maker | CSS…

READ MORE

CSS3ではFlashやJavaScriptの様にアニメーション効果を付けることが可能な「Transition」という指定が用意されています。今のところ対応しているブラウザはSafariとGoogleChromeのみになっていますが動きも滑らかで結構すごいです。今回はそんなCSS3アニメーションのチュートリアルのご紹介…

READ MORE

使いたいけどIE問題で使用をなかなか制限されてしまうCSS3。そんなCSS3で可能になる表現方法で使えそうなものを2点ほどメモ書き。まずはCSS3で作るアイコンもろもろ。≫Rather Splendid: Pure CSS IconsRSSなどのアイコンをCSS3のみで作るチュートリアル。CSS3ではアンチエイリアスの…

READ MORE

CSS3では画像不要でグラデーションを表現することが可能となりますが、まだIEの問題があったりで使用するには制限がかかってしまいます。そんなCSSだけでのグラデーションを、IE含めクロスブラウザ仕様で可能とする方法を紹介しているエントリー「Cross-Browser CSS Gradient」のご紹介。≫Cross-B…

READ MORE

CSSでのIE用ハックは結構いろいろありますが、「 \ 9 * _ 」のたった四文字だけでIE6、IE7、IE8のそれぞれのバージョンを区別出来てしまうハックがあるらしいです。≫Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters |…

READ MORE

先日ふと、TABLE(罫線付き)を2つ重ね合わせて上のTABLEのTDのみ罫線を消したいが、ボーダーの1pxの間隔は残したい、どうすればいいか?といった質問を受け、通常backgroundの指定でよく使う------------------------------------transparent:初期値設定=透明--…

READ MORE

ブラウザハックの記述方法についての紹介はWeb上でも数多くありますがその中でも表組みで見やすい一覧になっているサイトがあったのでメモ書き。(最近はここがメモ帳代わりになってしまっている気が…)≫セレクタでのCSSハック一覧表|web bibo≫プロパティでのCSSハック一覧表|web bibo≫Firefoxのバージョ…

READ MORE

JavaScriptを一切使わずにCSSのみでの様々な演出を紹介している「Román Cortés」がスゴいの一言。まずはコーラの缶をスクロールバー操作によって回転させる技。≫Román Cortés » Pure CSS Coke Canbackgr…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
Partner