タグ モダンブラウザー
人気順 5 users 10 users 100 users 500 users 1000 usersFlexboxを使った2カラム・3カラム・マルチレイアウトの基本と応用 | Webクリエイターボックス
以前「これからのCSSレイアウトはFlexboxで決まり!」という記事で紹介した、CSSでのレイアウト組みに大活躍できるFlexbox。前回は基本的な使い方の紹介をしたので、今回はより実践的に使える実例を紹介したいと思います! Flexbox対応ブラウザー 前述の記事の通り、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要で... 続きを読む
CSSブレンドモードで画像を彩ろう | Webクリエイターボックス
Photoshopをはじめとしたグラフィックツールに搭載されている「ブレンドモード(描画モード)」機能。複数の画像や色を様々な手法で重ね合わせ、独特の効果をうみだします。そんなブレンドモード、実はCSSでも実装できるんです!今回はそんなCSSブレンドモードにフォーカスしてみようと思います! 対応ブラウザー Can I use…によると、IE以外のモダンブラウザーに対応しています。ただしSafari... 続きを読む
これからのCSSレイアウトはFlexboxで決まり! | Webクリエイターボックス
FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFle... 続きを読む
ASCII.jp:かっこいいプロモーションサイトが作れる multiScroll.js|こうめの“これから使える”jQueryプラグイン
今回紹介するプラグイン multiScroll.js 「multiScroll.js」 は、画面を左右に分割して別々にスクロールして見せられるjQueryプラグインです。最近流行の効果を簡単に実装でき、スクロールスピードの調整やイージングの設定、スクロールのループなどのカスタマイズもできます。 multiScroll.jsはGoogle ChromeやFirefoxなどのモダンブラウザーと、Int... 続きを読む