[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
![ズルいデザインテクニック2013 + セミフラット version](https://cdn-ak-scissors.b.st-hatena.com/image/square/85822b941b7cdbfa330662d2a814f791d0bbe594/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F2d35efa005030131eea62a18219dbb39%2Fslide_0.jpg%3F1999804)
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/k…
表をかっこよくスクロール可能にするテクニックについてのResponsive scrollable tablesという記事を読んだ。この記事ではJavaScriptで表をdiv要素で括って、それから溢れたらスクロールバーを表示(+α)という形でやっている。これをいじってて気づいたんだけど、JavaScriptで追加マークアップをする代わりにtable要素のdisplayプロパティーをいじってやると簡単にスクロール可能な表になるようだ。 Demo: Scrollable Table 表を自動幅調整なし(幅固定)にするにはtable-layoutプロパティーを、各セルで折り返しなしにするにはwhite-spaceプロパティーをそれぞれ使う。それとdisplay: blockを組み合わせると、pre要素で文字がはみ出す時にスクロールさせるような感じになる。 table { display: blo
「チャレンジなきところに発展なし」 をモットーに、WEB関連だけでなく、 人材育成や、新たなコンテンツを創りあげるなど 様々なことに挑戦しております。 新しい時代への一線へ 日々、挑戦を続けます! 目に見えないものを創ることは、未来を創ること。 お客様の事業発展の為にココスペースはITを活用し、 全力でサポートとチャレンジを致します!!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く