HTML5 – CSS3 mag

IEでもCSS3セレクタを利用可能にするJavaScript「Selectivizr.js」をご紹介します。 設置方法はとても簡単。jQueryのようなJSライブラリとselectivizr.jsを読み込むだけです。 ■...

ベーシックなものから3Dのような複雑なエフェクトまでいろいろありますよ。 コピペで使えるので重宝するかと思います。 ■The Basic Shadow ■Quick and Dirty Letterpress ■Hard...

フォントサイズの指定は、相対指定のem、%、絶対指定のpxが一般的ですが、 CSS3の新しい「rem」という単位を使った指定方法をご紹介します。 emや%の相対指定の場合、親要素の影響を受け、子要素は複利計算されてしまい...

HTML5+CSS3での制作時に汎用的に利用できるテンプレートファイルセットのご紹介です。 ■HTML5 Reset ファイル構成は以下のようになっています。 index.html テンプレートHTMLファイル css/...

以前紹介したie-css3.htcよりも対応するプロパティが多く、シャドウも奇麗に表示されるようです。 サポートしているプロパティは以下になります。 ・border-radius ・box-shadow ・border-...

HTML5、CSS3を使ったドロップダウンメニューを2つご紹介します。 ■Creating a pure CSS dropdown menu JavaScriptは使用しておらずCSSのみで実装されています。 チュートリ...

CSS3に関して特集されている記事のご紹介です。 CSS3プロパティの実践的に使い方が、サンプルを用いながらわかり易く解説されています。 特集 CSS3大接近 ■内容 第1回　text- shadow実践テクニック 　t...

CSSplayからのご紹介です。 IEの「filter」を使って実装するというテクニックです。 デモページ ■CSSサンプルコード 　 情報元：コリス 情報元：CSSplay

サポートしているプロパティは以下になります。 ・border-radius（角丸） ・box-shadow（ボックスのシャドウ） ・text-shadow（テキストのシャドウ） デモページ ダウンロード：ie-css3....

「sitepoint」から、CSS3で実装した角丸を少しでも滑らかにするテクニックをご紹介します。 コリスさんで詳しく解説されてます。 CSS3の角丸のジャギり具合は気になってたのですが、このテクニックを使えば実案件レベ...

「Carsonified」からCSS3のアニメーション機能である CSS Transitionsの効果的な使い方をご紹介します。 対応ブラウザ：Safari、Chrome、Firefox 3.7+、Opera 10.5x...

「Six Revisions」からのご紹介です。 角丸、ドロップシャドウ、RGBA、透過、グラデーションなどを効果的に使用しているサイトを項目ごとに紹介しています。 ■角丸を効果的に使用しているサイト サンプルコード T...