CSSブレンドモードで画像を彩ろう | Webクリエイターボックス

2015/05/19 186 users Webクリエイターボックス Photoshop CSS 手法

Photoshopをはじめとしたグラフィックツールに搭載されている「ブレンドモード（描画モード）」機能。複数の画像や色を様々な手法で重ね合わせ、独特の効果をうみだします。そんなブレンドモード、実はCSSでも実装できるんです！今回はそんなCSSブレンドモードにフォーカスしてみようと思います！ 対応ブラウザー Can I use…によると、IE以外のモダンブラウザーに対応しています。ただしSafari... 続きを読む

CSSだけで簡単に吹き出しを作成する方法4つ！ : アシアルブログ

2013/03/05 453 users CSS 曲線 わー 三角 アシアルブログ

こんにちは、橋本です。 今日はCSSだけでお手軽に吹き出しを作る方法をご紹介したいと思います。 今回ご紹介するサンプルは4つ 一般的な三角の吹き出し 一般的な三角の吹き出し（ボーダー付き） ぽわわーんとした吹き出し 丸い（曲線の）吹き出し 4つのサンプルの実行結果は、ここで確認できます。 IE以外のブラウザであればちゃんと表示されるかと思います。 IEは9では表示されましたが、8以下でもちゃんと表... 続きを読む

スマートフォンサイトを作る時に便利なフリックが実装できるjQueryプラグイン7選｜WEB Drawer -WEB制作に関するメモサイト-

2011/10/11 435 users フリック WEB Drawer jQueryプラグイン 操作

スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQueryプラグインを集めました。 Androidを持ってないので、全てがAndroidで動くかは未検証ですがだいたい動くと思います。 flickGal 自分が一番つかってるのがこのflickGalです。よく使わせていただいております。 PC（IE以外）でも動作します。 flickGal・・... 続きを読む

透明度を表す「opacity」 と 「RGBa」の違いと使い分け｜Webpark

2011/08/17 100 users opacity Webpark RGBa Opera CSS

ともに透明度を表す「opacity」 と 「RGBa」ですが、違いをちゃんと理解して正しい使い分けをしましょう。 対応しているブラウザ ともにCSS3ですのでブラウザによってサポートしているもの、サポートしていないものがあります。 と言ってもIE以外は問題なく対応できています。IEについてはIE9から対応するようになりました。Firefox、Chrome、Safari、Operaなどはかなり前のバ... 続きを読む

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ | コリス

2011/05/24 437 users コリス HTML 特定 CSS ブラウザ

Conditional stylesheets -条件付きコメント：スタイルシート 条件付コメントはInternet Explorerの特定のバージョンでロードさせるべきスタイルシートを簡単に指定することができます。IE以外のブラウザではこの条件付きコメントは、HTMLのコメントとして扱われます。 条件付コメントの指定方法は、下記のようになります。 続きを読む

[JS]わずか「12文字」でIEを判別するスクリプト | コリス

2009/01/28 355 users アラート Safari コリス デモ Fx2

Detecting IE in 12 bytes IEを判別する12バイトのスクリプトは、下記のようになっています。 IE='\v'=='v' これを利用したデモを下記に設置しました。 IEを判別するスクリプトのデモ IEであれば「This is IE.」 IE以外は「This is NOT IE.」 とアラートを表示します。 IE6/7/8beta2, Fx2/3, Op9.6, Safari3... 続きを読む