Mach3.laBlog

CSSのアーカイブ

コーディング時に便利なCSS3のチートシート

CSS3の書式を覚えるのは大変。
覚えるのが大変な物にはやっぱりチートシートですね。
SmashingMagazineから、CSS3のチートシートがPDFで公開されています。

CSS3 Cheet Sheet

続きを読む

IE6を安らかに眠らせる為にWeb制作者が出来ること

既にサポートがとうの昔に終了を告げているIE6ですが、
そんな9年前のミルクのようなブラウザを未だに使用している人がいる事で、
Web制作者は頭を悩ませています。

そこで、Web制作に携わる立場から、
この現状で何が出来るのかをちょっと考えてみました。

腐った牛乳
Upgrade to Internet Explorer 8 | Microsoft Australia

続きを読む

実験室: CSSグラデーションをお手軽にするjQueryプラグインを書いてみる

この記事の情報は古くなっています。

備忘録:ブラウザ別CSSグラデーションのメモ
を元にして簡単なjQueryプラグインを書いてみました。ちょこざいなやつです。

CSSグラデーションプラグイン

続きを読む

備忘録:ブラウザ別CSSグラデーションのメモ

この記事の情報は古くなっています。
最新のブラウザ対応状況を確認してください。

CSSのクロスブラウザグラデーションといえば、
こちらの記事が図解も載っていて非常に分かりやすいです。
Cross-Browser CSS Gradient
が、もう少し詳細の仕様を覚えておきたいと思ったので、ここにメモっておきます。

続きを読む

ナビゲーションの現在地をアクティブにするJS小技

わざわざ投稿するほどのものか、というぐらいちょこざいな小技です。
JavaScriptでナビゲーションを操作して、
現在いるディレクトリのナビゲーションに「.active」クラスを付加してみます。

ナビゲーションの現在地をアクティブにする

続きを読む

HTML5によるHTML5のプレゼンテーションスライド

Ajaxian » The Best HTML5 Slides Ever

HTML5について簡潔にまとめられたプレゼンテーションが紹介されています。
随所に実例を盛り込んだWebベースのスライドです。

HTML5 presentation

続きを読む

HTML+CSSのオンラインテストツール 「CSSDesk」

CSSDesk – Dynamic CSS Sandbox

HTML+CSSをWeb上でテストできるオンラインツール。
以前紹介したJSBinのCSS版といった感じですね。
cf) オンラインJSデバッギングツール「JS Bin」

CSSDesk

続きを読む

CSSのセレクタを点数で理解するTips

Quick Tip: Understanding CSS Specificity | Nettuts+

CSSのセレクタがどのように上書きされていくのかを理解する為の、
ポイント制を導入したちょっとしたTipsです。

続きを読む

オンラインJSデバッギングツール「JS Bin」

JS Bin – Collaborative JavaScript Debugging

こんな便利なものが…知らなかった!
JavaScriptのテストが出来るオンラインツールです。

JS Bin

続きを読む

「No More IE6」へのアプローチ

No More IEへのアプローチ

マイリスペクト「地獄のミサワの「女に惚れさす名言集」
にインスパイアされて描いてみました。ペンタブほしい。

さて、Web制作者にとってIE6への対応はかなりの足枷。
出来るだけIE6ユーザーにはモダンブラウザに乗り換えてもらいたい所ですね。
そこで、IE6で閲覧すると、アップデートを促すメッセージを表示させる。
そのための手法をいくつかまとめてみました。

続きを読む