[B! *UI][HTML] pmintのブックマーク

pmint id:pmint

*UIとHTMLに関するpmintのブックマーク (2)

[CSS]レスポンシブ対応のテーブルを実装するシンプルで、賢いアイデア
Webページをレスポンシブ対応にする時、悩ましいコンテンツの一つがテーブルではないでしょうか。単にセルの幅を狭くするだけでは、一行に一文字しかない妙に縦長なテーブルになってしまいます。省略したり、プルダウンを利用したりなどいろいろなアイデアがありますが、もっとシンプルで簡単に、そして実用的な賢い実装アイデアを紹介します。 Responsive table layout レスポンシブ対応のテーブルのデモレスポンシブ対応のテーブルの実装レスポンシブ対応のテーブルのデモデモでは4x5のテーブルで、さまざまなデバイスのスクリーンサイズでコンテンツが最適になるよう実装されています。
pmint 2016/10/27
あとは1レコード分の表の左側に見出しを付けたい。ACCOUNT列を90度反時計回りにして左端に。/ 各セルに「aria-label」を加えてレスポンシブに…何を言ってるやらと思ったら"content: attr(aria-label)"だって。普通に<label>使っとけ。

*UI

UI

CSS

HTML
リンク
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
pmint 2013/02/08
HTML

*UI

UI
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx