地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット｜Web Design KOJIKA17
IEでCSS3の効果を出せる。 クロスブラウザ対応 CSSスニペット 2011-02-01 影をつけたり、角丸にしたり、便利なCSS3。モダンブラウザは続々と実装されています。 しかし依然としてIEのシェア率が多い現在では、「CSS3を使うのは、ちょっと・・・」と思っている方も多いと思います。 そこでIEのfilterを利用し、JavaScriptや画像を使わずに、CSS3に近い効果を表現できる、 実用的なCSSのスニペットを紹介致します。 Opacity 指定したボックス自体の不透明度を変えることができます。 また指定した要素の下位の要素に対しても、効果が継承されます。 imgのロールオーバーなどの使い道があります。 Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi
「CSS 3をクロスブラウザで実装するプログレッシブ・エンハンスメント」 by. 菊池 崇 - MdN Design Interactive
「CSS 3をクロスブラウザで実装するプログレッシブ・エンハンスメント」 2009年10月22日 TEXT：菊池 崇 Web制作時にはどのブラウザをターゲットにすべきか ブラウザの開発スピードは、3年前と比べて約3倍に向上している。おもな開発の焦点はレンダリングエンジンの高速化であったのだが、その脇で進められていたCSSの実装でも各ブラウザに違いがでてきた。特に、2008年よりCSS 3の実装に大きな差がでてきている。それもそのはず、1999年に開発されたInternet Explorer（IE）6と、2009年6月にリリースされた Firefox 3.5が同時に存在しているのだから、大きな差がうまれるのは当然だ。 しかし、このふたつのブラウザには似ている部分がある、シェアが20％前後（2009年9月時点）と非常に近いのだ。 ブラウザのシェア（Browser market shareより）
Equal-Height Columns (CSS Grid, Flexbox, & Table Methods)
Table of contents The Problem With Equal Height Columns The Six Best Methods To Create Equal-Height Columns CSS grid Flexbox Responsive columns Display-table Floated containers Table markup My original equal-height columns method (floated containers) dates back to October 2008 and it still works perfectly today. However. A lot of new CSS has become available in modern browsers recently and this op
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
