If you haven't seen Richard Ayoade's The Double yet, you should!
なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデザイン対応のHTML5 フレームワークです。 これ、凄く良い感じです。いいもの全部詰め込んだ、みたいなソフトウェアですね・・・ちゃんと使いこなせるようになりたいかも。 Media Queriesを使ったレスポンシブWebデザイン対応のCSSフレームワークです。3カラム構成で組めるようにもしてあります。マークアップはHTML5+CSS3ですが、jsを使ってIEにも対応してくれています。 以下にざっと特徴を。 著作権放棄(パブリックドメイン) 軽量(CSSは9kb) ベースライングリッドに揃済み グリッドレイアウト対応 iPhoneやiPadなどにも自動でレイアウトを
気になったので備忘録。ドロップダウン のメニューやコンテンツスライダーなど、 一般的によく見かけるUIを取り入れたWeb サイトをレスポンシブWebデザイン対応で 構築する為の勉強用になるかと思って メモ書き。まだちゃんと触ってません。 というわけで今日はただのメモ書きです。こんなのあったよ程度で。 正式名称はYET ANOTHER BOILERPLATE FOR RESPONSIVE (MOBILE) WEB DESIGNだそうです。ざっくり書くと MediaQuereisで対応 normalize.css採用※良いリセットCSSです。解説はここ ドロップダウンメニュー(superfish採用)もブレイクポイントに応じて出さないようにする スライダーはFlexSliderを採用※以前書きました グリッドレイアウトで構築できる ライセンスはGPLです。 ブレイクポイントは以下となっています
掲載するコンテンツにナンバリングをつける際にまず思いつくのは、ol要素を使うことでしょう。確かに、ol要素はナンバリングするのに非常に合理的です。 ここでは、そのol要素を頼らずにナンバリングするテクニックを紹介します。 Numbering In Style [ad#ad-2] 下記は各ポイントを意訳したものです。 ol要素を使用しないでナンバリングをするコンテンツは、例えばデモにあるようなFAQのリストです。 このFAQのリストは、dl要素で実装されています。 dl要素でナンバリングしたデモページ ※実装は、下記で紹介。 ナンバリングの実装には擬似要素と「counter-increment」を利用しており、アイデアの元となったのは「Styling ordered list numbers」の記事です。 Styling ordered list numbers デモページ このデモでは入れ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く