[CSS Framework] Magazine Grid – iPadでの誌面風表示に適したCSSフレームワーク
iPadでWebを誌面風に表示するのに適したCSSフレームワーク。一般的なグリッド数によるレイアウト方式で、見たところページ送りの機能なんかもあるっぽいです。サイズも軽く、サクっとiPadに対応したサイトを作る際に使えそうです。けどこれ系の単独デバイスものは複数デバイスに対応させる用途には逆に向かないのかもしれません。試してないので何とも言えませんが。
Tag Archives: Framework
[CSS] Animate.css – アニメーション定義をまとめたCSS
アニメーションの定義をまとめたCSSフレームワーク。サイト内にあるボタンを押すと、それぞれボタン名に書いてある通りの動きをします。バウンドしたりスウィングしたりします。ソースコードのダウンロードはGitHubから。まとめてダウンロードして中身を見ると、ひとつの動きがひとつのCSSファイルにまとめられているのが分かります。これなら必要な動きだけを導入するのも簡単ですな。
[Code Snipet] Bootsnipp – Twitter Bootstrapで使えるコードスニペットを集めたサイト
Twitter Bootstrap上で使えるコードスニペットを集めたサイト。スライドするサムネール群やフォーム装飾、カレンダー、ナビゲーションなどの各種パーツが紹介されてます。「View」ボタンを押す事でコードを見る事ができるので、あとはそれをコピペして使うだけ。フレームワーク使ってるとこういう便利なものを使えるのがイイですね。自分もBootstrapは仕事でちょいちょい使うので、こうしたまとめはとってもナイス。
[Framework] Bootstrap Expo – Twitter Bootstrapをベースに作られたサイトのギャラリー
Twitter Bootstrapをベースに制作されたサイトのギャラリー。トップページのサムネールが一覧になっていて、クリックで元サイトに行けます。CSSフレームワークって、使う事でどれも似たような見た目になりがちではあるけど、Twitter Bootstrapの場合意匠面でそれほど主張が強くないので、自分はわりと好んで使っております。フレームワーク使うと楽ですしね実際。
[Web Design] Social Buttons for Twitter Bootstrap – Twitter Bootstrap用の使い勝手の良いソーシャルボタン
Twitter Bootstarp上で使用する事のできる、ソーシャルメディア投稿用のボタン。サイトからCSSをダウンロードする事ができます。たくさんのソーシャルメディアアイコンが用意されており、また大きさの変更もでき、さらにボタン内の表記も自由に変更する事ができるそうです。使い方もサイト内で紹介されており、buttonタグ内にclass指定、その中のliのclassでアイコンを選ぶというシンプルな方法。使い勝手良さそうですねこれ。
[Framework] Topcoat – フラットUIのCSSフレームワーク
最近流行りのフラットUIなCSSフレームワーク。PCとMobileの双方に対応できるようです。サイトではPCとMobileそれぞれのパーツ一覧の実動デモがあり、本文、見出し、カラー指定、アイコン、ボタン、パンクズ、ドロップダウン、リンク、トグルスイッチ、フォームパーツ、スライダー、スピナーなどの各種パーツを見る事ができます。一通り揃ってる感じのアレですね。フラットUIにしてはちょっとコッテリ目で、いかにもMetroな感じではなく使いやすそうな印象を受けました。
[Mobile Site] 10 Best Mobile Browser Framework For Developers – モバイルブラウザー向けのフレームワーク
モバイル端末向けのサイト制作時に便利なフレームワークをまとめた記事。全部で10個のフレームワークが紹介されてます。Zepto、Sencha Touch、jQuery Mobileあたりは知ってるけど他のはまるで知りませんでした。それぞれ得手不得手があるだろうから、この手の仕事する際にの参考になりそう。モバイルサイトだとPCと違ってスワイプ動作とか色々ありますからな。
[CSS Framework] Flat UI – フラットな印象のBootstrapテーマ
フラットな印象のTwitter Bootstrapテーマ。見た感じWindows 8のMetro風にも見えます。最近こういうグラデ少なめ、ドロップシャドウなし、テクスチャも控えめなデザインよく見ますよね。iOS 7もジョナサン・アイヴの趣味で今までのリアルなオブジェクトをメタファーにした多色デザインからフラットなものになるって言われてるし、こうしたシンプルなデザイン手法は今後主流になるのかもしれません。CSSフレームワークとしてBootstrapがベースになっているので、既存ユーザーの人は導入も簡単です。細かい部分の作り込みが丁寧で、イイですねこれ。