SHIFT to the HTML5

IEなど、クロスブラウザ対応のために管理人がよく使っているライブラリ集などのまとめです。
今回は主にCSS3に関するものを、メモ替わりにまとめておきます。

カテゴリー:CSS3関連
2011/08/28 10:00:05 更新

先日、米Google社が何やら面白そうなパズルサイトをリリースしたという風のうわさを聞きつけたので、管理人も実際にチャレンジしてみることにしました。

カテゴリー:ブラウザー関連
2011/08/24 00:16:41 更新

こんにちは。

先日、HTML5のmenu要素に付いて調べていたら、まだ実装がほとんどされていないということに気が付いた管理人です。

そこで、W3Schools.comさんのサイトのサンプルを参考に、こんな風にレンダリングされるんじゃないかという妄想も込みでちょっといじってみた記録です。

カテゴリー:実験・ラボ
2011/08/17 23:15:55 更新

実際のコーディングやデザインで使えそうな、CSS3で作成したグラデーションのサンプルです。

サンプルコードはちゃっかりとCSS3 PIEにも対応しています。
サンプルの作成にあたってCSS Gradient Background Maker - Internet Explorer 10 TestDriveを使用させて頂きました。

毎度のことながらMSさんありがとうございます。
最近のWeb標準に対するMSの姿勢は目を見張りますね、これもGoogleがChromeをリリースしたからなのか．．．？

なにはともあれ、コーダーやデザイナーの皆さんにとっては嬉しい限りですね！

それでは本題のグラデーションサンプルです。

カテゴリー:CSS3関連
2011/08/15 17:31:24 更新

今回はHTML5 Canvas要素にて、描画したいテキストを矩形とみなした場合にその左上の座標を指定して描画する方法です。

デフォルトでは左上ではないので困った方はどうぞ。

カテゴリー:Canvas関連
2011/08/15 15:54:43 更新