[B! CSS3] MISSILEのブックマーク

デザインの勉強にもなる、CSSで実装するパンくずのまとめ

角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素敵ですよね。

MISSILE 2013/10/28

リンク

第3回HTML5ビギナーズ！（http://atnd.org/events/44530）の「新しいCSSの仕様を色々調べてみた」の資料です。『CSS3から新たに加わったレイアウト仕様のCSS Flexbox、 Regions、Shapesで一体どんなことができるのか、ご紹介したいとおもいます。』以下のCSS3の新しい機能の初心者向け資料です。・Flexbox ・Regions ・Shapes ・Multi-column Layout ・Grid Layout ・Exclusions Read less

MISSILE 2013/10/24

css3

リンク

制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現

一般的なサイト制作案件では、過度なアニメーション... / CSS3を使ったアニメーション表現 / Simple Icon Hover Effect...他...全10件一般的なサイト制作案件では、過度なアニメーションを求められることは少ないですが、上手に取り入れることで利用者の心をグッとつかむことができます。どうせ作るなら、ユーザーの印象に残り、かつクライアントの目的を達成できるサイトに仕上げたいものです。そんな、これからの制作案件にも採用できそうな、ちょっと目を引く表現方法を集めました。

MISSILE 2013/07/12

リンク

CSSでアニメーションを作るのがグッと楽になるアニメーションライブラリまとめ

モダンブラウザの普及により、以前に比べるとCSS... / CSSアニメーションライブラリ / Animate.css他...全19件モダンブラウザの普及により、以前に比べるとCSS3アニメーションを使う機会が増えてきています。CSSを使ったアニメーションは、プレフィックスが必要だったり、アニメーションの流れがコードを見ただけでは直感的に分かり辛かったり、自由に使いこなせるには慣れと経験が必要です。そういった悩みを解決してくれるアニメーションライブラリが存在するのをご存氏でしょうか？ちょっとしたCSSアニメーションであればライブラリを使うことでいとも簡単に組み込むことができます。そんなありがたーいライブラリを集めました。

MISSILE 2013/07/08

リンク

PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌

CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。シェイプをデザインしますグラデーションなんかもつけつつプラグインのボタンをクリックで出力。そのまんま。画像じゃないから軽いという点もポイントですね関連エントリ CSS3でシャレオツなリストを作るチュートリアルアニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集