タグ

サンプルとWebデザインに関するpoyosiのブックマーク (2)

  • hail2u.net - Weblog - floatで並べたリストのセンタリング

    ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる

  • HTML5で作られた「Clear」のサンプルが超スゴい件 - もとまか日記乙

    以下を読んで。 kouseipapa.net/i » 「Clear」をまだ購入してない人はチェックしてみては?HTML5でサンプルが作られてますぞ! おぉ、最近話題のiOSアプリ「Clear」のHTML5版サンプルだそうです。以下がそのサイト。 HTML5 Clear ちなみにこのサンプル、Safariで表示してアクションボタンから「ホーム画面に追加」してWebクリップ化し、Webクリップから起動すると、以下のように全画面表示になります。 おぉ、なんだかアプリっぽい感じ!面白い! 最近のHTML5はすごいですねぇ。以前、調べるだけ調べてまだ何も出来てない以下とか、そろそろ何かやりたいなぁ、とも思う次第。 前から気になってたHTML5について色々調べてみました最近気になってきたjQueryについて色々調べてみました - もとまか日記乙 てことで。 ツイートする

  • 1