H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
Mozilla Re-Mix: Firefoxの新規タブにブックマークツールバーなど複数の情報を表示できるアドオン「New-Tabmarks」
Firefoxに新規タブページ機能が備わってから、このページをカスタマイズするアドオンが多数公開されています。 こうしたアドオンを使えば、通常よく訪問するサイトのサムネイルしか表示されないシンプルな新規タブページに、様々な情報を表示することができるようになります。 今回は、そんな新規タブページカスタマイズアドオンの中から、新規タブページ内に任意のブックマークフォルダやブックマークツールバー、履歴、検索エンジンなど複数の情報をスマートなデザインで表示させることができる「New-Tabmarks」というアドオンをご紹介したいと思います。 「New-Tabmarks」をインストールした後、新規タブページを開くと以下のように様々な情報がクールなデザインで表示されるようになります。 画面左側には任意のブックマークフォルダ、中央部には最近閉じたサイト（3件）、よく訪問するサイト（5件）、そして中央上段
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
