Category : CSS

READ MORE

CSSを構築する際、記述ミスや重複を防ぐためのチェックツールは以前(2年以上前ですが…)の記事「CSSチェックツールについて」で紹介したものや、それ以外でもいろいろあったりしますが、記述したCSSをWebサイト上で診断して最適化できるサービス「CSS Lint」が便利そうだったのでご紹介。CSS Lint≫CSS Li…

READ MORE

今さらながら、Webページ内の要素に対して、要素の透明度/透過度をCSSのみで指定する方法について。久々にCSSのみで透明度の指定が必要になる場面があったのですが、記述方法をすっかり忘れていたのでここにメモとして残しておきます。CSSで透明度を指定するには「opacity」というプロパティを使用しますがブラウザによって…

READ MORE

HTMLを組む際に「float」を使って回り込み指定を加えた要素に対して、回り込み終了(解除)の指示を与える「clearfix」。記述方法はいろいろあったりするのですが、可能な限りCSSの記述を抑えた形で構成され、最新版clearfixと言われている「A new micro clearfix hack」が、この先使えそ…

READ MORE

ログインエリアなどで、たまに見かけるラベルをクリックするとスライドしてパネルエリアが出てくるUI。jQueryなどJavaScriptで構成されているものが多いのですが、そのUIをCSSのみで作っている「Pure CSS Slide-out Interface」がおもしろそうだったので参考程度に紹介。Pure CSS …

READ MORE

CSS3だけで作られた画像ギャラリーやLightboxなどのモーダルウィンドウの動作系についてはサンプルもさまざま見かけるようになってきましたが、そんな中でもちょっと変わった3D風エフェクト+Lightboxエフェクトで構成されている画像ギャラリー「CSS3 Image Gallery with a 3D Lightb…

READ MORE

CSSの指定で要素にマウスオーバーした際に色を変えたり、背景色を変えたり、何かアクションを付けることに使用する「:hover」要素。本来この指定はマウスオーバーしている要素のみに効果を利かすものですがマウスオーバーした要素の兄弟要素に対しても「:hover」の効果を付けることを可能とするチュートリアル「Hover on…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner