スマートデバイスに最適化したサイトを制作する時や... / スマホアプリを再現できるCSSフレームワーク / Junior他...全7件 スマートデバイスに最適化したサイトを制作する時や、Webアプリを開発する際に役立つ、スマホアプリのUIを再現できるCSSフレームワークを集めました。
![スマホアプリのUIを再現できるCSSフレームワークまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/22acb61a908cc453a8767ddccd04980323505b6c/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2013%2F8%2F30%2Fl_2013-8-30_4c66aba52e61bc202b022ac383aedda8.jpg)
商用利用も無料、変更もコピーも再配布もOK、汎用性に優れたレイアウトやUIエレメントをスタンダードなHTML5/CSS3で実装したフレームワークを紹介します。 ウェブサイトを構築する際に、ベースとして利用するのによさそうです。 Markup Framework Markup Frameworkの特徴 Markup Frameworkのサポートブラウザ Markup Frameworkのデモ Markup Frameworkの特徴 レスポンシブ対応、モバイルファーストのレイアウト。 再利用可能なUIエレメントのライブラリ。 最新のスタンダードなHTML5/CSS3を使用。 ピュアなHTMLとCSSで、Hackなし、JavaScriptなしです。 ミニマルなマークアップ。 ページの容量は小さめ。 サーチエンジンにフレンドリー。 アクセシブル。 セマンティックスとスタイルの明確な分離。 モジュー
単独でも素敵なかっこいいエフェクトで十分なのに、それらが全部まとまって、更に実装方法にもこだわったオープンソースのCSSのフレームワークを紹介します。 ドラッグ&ドロップでさまざまなエレメントを表示します。 Maxmertkitの特徴 Maxmertkitのデモ:スタティック Maxmertkitのデモ:CSS3アニメーション Maxmertkitのデモ:ソーシャルメディア てっとり早くワクワクしたい人は、3つ目の「Maxmertkitのデモ:CSS3アニメーション」をご覧ください。 Maxmertkitの特徴 SASSベースのオープンソースのフレームワーク CSS3アニメーションを使った演出効果 他のフレームワークとかぶらないネームスペース デザイン(カラー・サイズ)変更はテーマで簡単 Creed Creed(主義)のページではMaxmertの主な特徴が解説されています。例えばコードの簡
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
Facebookでいろいろ書いてたらそこそこ反響あったのでメモ書き程度にブログに投げておきます CSSフレームワーク、その次の話 Twitter Bootstrapの登場によってCSSフレームワークはこれまで以上に便利なものになったと思う。 でも「Twitter Bootstrap」のようなものはエンジニアが「ダサいUIから脱却するためのもの」からまだ抜け出せていない状況だと思う。 HTML+CSSを書く人としては CSSフレームワークを読むのがまず大変 汎用性のためにある余計なコードを削りたくなる class名がダサい とか色々とあるみたいで使っている人は少ないみたい。 ただ世の中を見ているとそこで世界が止まってしまっている(ように見える) パーツ単位でのコードの共有のようなものはブログで見かけるけど、「これが私の書いた理想のbase.cssだ!」というようなものをほとんど見かけない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く