Lea Verouのフレシキブルな複数行定義リスト
Lea Verouの編み出したフレキシブルな複数行定義リストは目からウロコだった。このテクニックを知るまではfloatを使うと長い時(コンテンツ幅に収まらない時)に途中で改行とかうまくできないけどまぁしょうがないか……みたいな感じで我慢していた。LF(やCR)を擬似要素経由で挿入してwhite-space: preで改行させてしまうというのは頭良い。ただ複数のdd要素を持つケースにはうまく対応できないのでちょっと変えて使い始めた。 このテクニックはつまりdt要素とそれとセットになったdd要素を一行に並べるというもの。表的なものならばそれは単にマークアップが間違っているのでtable要素でマークアップし直した方が適切だけど、dl要素のが適切なケースも多くあるのでこのテクニックが生かされる場面は多い。 dt, dd { display: inline; } dd + dt:before { c
「CheetSheet」でMacのショートカットは完璧！使用中のアプリのショートカットを表示してくれる神アプリ｜男子ハック
Macおすすめアプリ「CheetSheet」でMacのショートカットは完璧！使用中のアプリのショートカットを表示してくれる神アプリ2018年3月18日826 ショートカットは便利だけれど覚えるまでが大変。特にアプリケーション毎に設定されているショートカットは使っていないとすぐ忘れてしまいますし、身につくまで時間がかかります。使い慣れていないアプリでもショートカットを積極的に使っていきたい！という人はCheatSheetというアプリがとても便利です。 初心者にとっては神アプリと呼ばざるを得ない！本当に便利すぎて笑える！(この記事は2012年5月26日に公開された記事に修正を加えたものです) CheatSheet - Know your short cuts初心者が中級者にレベルアップするためのステップの1つが「ショートカット」。普段から意識して使わないと覚えることは難しいですし、そもそもどん
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
