[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
[CSS]高性能すぎてビックリしました、レスポンシブデザイン用の超軽量フレームワーク -Kube Framework
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Large user base Grids: Fluid and fixed UI tools: Lots of widgets; good for rapid prototyping History: Built by Twitter as a style guide for internal tools Medium user base Grids: Fluid. Most robust grid tools. UI tools: Good for rapid prototyping, but not as expansive as Bootstrap History: Built by ZURB as boilerplate for client projects Medium user base Grids: Fluid. Most robust grid tools. UI to
気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってません。 というわけで今日はただのメモ書きです。こんなのあったよ程度で。 正式名称はYET ANOTHER BOILERPLATE FOR RESPONSIVE (MOBILE) WEB DESIGNだそうです。ざっくり書くと MediaQuereisで対応normalize.css採用※良いリセットCSSです。解説はここドロップダウンメニュー(superfish採用)もブレイクポイントに応じて出さないようにするスライダーはFlexSliderを採用※以前書きましたグリッドレイアウトで構築できるライセンスはGPLです。 ブレイクポイントは以下となっています。 @me
シンプルでいいなーと思ったのでシェアがてら ご紹介。レスポンシブWebデザインに対応できる グリッドレイアウト構築用のCSSを吐き出して くれるジェネレーターです。必要最低限のコード だけ出してくれるのは嬉しいかも。頻繁に 使うものではないけど覚えておきたいですね。 ネタ元はUnformedbuildingさんのまとめ記事からです。今回は他にも気になる情報が沢山ありました。ぜひチェックしてみてください。 個人的にはこのWebサービスが一番気になったのでテストしてみましたよ。 至ってシンプルなサービスです。希望の値を入力していくだけで軽量なCSSを吐き出すのでそれを元に設計していく、みたいな感じ。 デモがあったのでマネして作ってみました。 Sample ※幅のテストはresponsivepxが便利です。 スクリーンショット ↑ 幅の広いデバイス ↑ 狭いデバイスでもグリッドを保ちます。 設定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く