Mach3.laBlog

CSS3のアーカイブ

CSS3のbox-shadowでお絵かきアプリを書いてみたものの…

先日、CSS3のbox-shadowで描画されたモナリザが話題となりましたが、 インスパイアされて同じ手法でお絵かきアプリを作ったらどうなるか試してみました。

CSS3のbox-shadowでお絵かきアプリを書いてみたものの…

続きを読む

JS/CSSでふわりとフェードするボタンをつくる

震災後、なんやかんやで2週間あけてしまいました。こんにちは、私は元気です。
今日は、せっかくCSS3で色々な事が出来るようになってきたところで、
ふわりとフェードするボタンの作りなどを記してみる。

JS/CSSでふわりとフェードするボタンをつくる

続きを読む

:activeでボタンに「押しごたえ」を付けてみる

Tumblrのダッシュボードの左上のロゴを見ていてふと思ったのですが、
マウスオーバーの処理をする事はあっても、
クリックした時の処理をしているサイトって意外と少ないですよね。
そこで今日はボタンをクリックした時のスタイルについてメモなど。
(わかっちゃいるけど面倒くさいんだろうなぁ、という気はしている)

:activeでボタンに「押しごたえ」を付けてみる

© まっは画伯

続きを読む

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

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

CSS3 Cheet Sheet

続きを読む

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

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

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

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

続きを読む

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

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

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

続きを読む