[B! UI][RWD] shinpieceのブックマーク

Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。

shinpiece 2015/02/25

秀逸レスポンシブデザインまとめ

UI
RWD

リンク

レスポンシブWebデザインでテーブルを使う時の小技

tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-it emなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-it em; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。条件分岐コメントを使ってIEにはメディアクエリを読ませないよ

shinpiece 2015/01/20

テーブル　実装例　まとめ

UI
RWD

リンク

Loading...

shinpiece 2014/12/25

まとめ

UI
RWD

リンク

レスポンシブWebデザインのギャラリーサイトを１年間運営して分かった最近の傾向 | A40

早いもので、レスポンシブWebデザインのギャラリーサイト「Responsive Web Design JP」を公開してから１年が経ち、掲載サイト数も200を超えました。以前の記事で、「半年後、まだ時代遅れの恥ずかしいサイトとなっていないようでしたら、また状況をご報告したい」と書いたのですが、おかげさまで恥ずかしいサイトにはなっていないようなので、最近の傾向について書いてみたいと思います。１．デザイン性の高いサイトが増えたレスポンシブWebデザインの本質ではないんですが、ギャラリーサイトとしては、やはりデザイン性の高いサイトを載せたいなぁと思うものです。制作されるサイトの数や種類が増えたことで、そうしたサイトを載せる機会も増えたように感じます。 studio midori.so le coq sportif THE STABLES Warp Japan AOI Pro. Square