[CSS]バーはブラウザ幅いっぱいに、テキストは読みやすい幅にするスタイルシート
バーはブラウザの幅いっぱい（左右・左のみ・右のみ）に、その中のテキストは読みやすい幅に設定するスタイルシートを紹介します。 ブラウザの幅を狭くしたキャプチャ 以下は各ポイントを意訳したものです。 まず、ブロックレベルのエレメントの幅は当然、親エレメントと同じ幅になります。単純に<body>直下に<h1>を配置すれば、自動的にブラウザの幅いっぱいになるのではないか、と思うでしょう。 しかし、それはテキスト部分もブラウザの幅いっぱいになってしまい、それは読みやすいものではありません。下記のように、バーはブラウザ幅いっぱいで、テキストは読みやすい幅になっているのが理想です。
22500文字の文書をURLに保存する驚愕のサービス「Hashify」【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:7分] 文書というものはファイルとして存在するものだ。USBメモリ、オンラインストレージ、オンライン文書サービスなどに保存して初めて共有できるという考えはごくごく一般的だ。簡単な文書でも、何らかのサービスにサインアップして公開するという手続きが必要になる。 しかし「Hashify」を使用すれば、そういった概念が一瞬で崩れ去る。このサービスを使用すれば、テキストを圧縮して20文字以下のURLにしてくれる。URLそのものに文書が保存されてしまうのだ。 冒頭のスナップは、Hashifyの説明テキストへのリンクだが、これそのものがHashifyのURL作成ページになっている。左側に文書を入力すれば、短縮URLサービスbit.ly形式に保存してくれるというもの。 Showdownというテキストを見やすい形式で整形してくれる記述ルールに対応しており、ワープロのような整形もここで行える。 対
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3のtext-shadowを使ったテキスト装飾のサンプル集
