Tue, January 17, 2017

IE6、7、8でもCSS3のセレクタを利用可能にする「Selectivizr」

 

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

コピペで使える12のtext-shadowエフェクトサンプル集

 

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

フォントサイズの指定はCSS3の「rem」が便利そう

 

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

HTML5、CSS3のリセット用テンプレートファイルセット「HTML5 Reset」

 

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

IE6、IE7、IE8でもCSS3を使用可能にするbehaviorスクリプト CSS3 PIE

 

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

HTML5、CSS3を使ったドロップダウンメニュー

 

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

特集 CSS3大接近(gihyo.jp)

 

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

IE6、IE7、IE8でもCSS3のようなドロップシャドウを実装する方法

 

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

IE6、IE7、IE8でもCSS3を使用可能にするbehaviorスクリプト ie-css3.htc

 

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

CSS3で実装した角丸を少しでも滑らかにするテクニック

 

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

CSS3 「Transitions」の効果的な使い方

 

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

CSS3を効果的に使用しているサイトのまとめ

 

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

Page 1 of 212»