JavaScriptを使わずにPinterest風レイアウトにする
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
News Links N.26: 2011-11-04 | Unformed Building
10月28日から11月4日までのまとめです。 time 要素がなくなったことに関する話題が多いです。復活するかも、という話もありますが……。 他には jQuery 1.7 リリース、CSS transition のテクニック、SVG を始めてみよう的な記事など。 HTML & CSS CSS3 in practice, maddesigns (Sven Wolfermann) #css3 CSS3 でできることのスライド。メジャーどころのプロパティの解説です。 The WHATWG Blog — WHATWG Weekly: Now it’s <time> for <data> time 要素がなくなるそうです。替わりに使えるのは data 要素。 Bruce Lawson’s personal site : Goodbye HTML5 <time>, hello <data>! time
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
