Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの3つの実装例を紹介します。 How to: CSS Large Background 一枚の画像を使用する方法 demo 実装のポイントは、使用する背景画像(background image)の端と背景色(background color)に同じ色(#f8f7e5)を使用します。 サンプルコード <textarea name="code" class="css" cols="60" rows="5"> body { padding: 0; margin: 0; background: #f8f7e5 url(wdw-bg.jpg) no-repeat center top; width: 100%; display: table; } </textarea>
Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。 Scalable Content Box Using Only One Background Image demo 仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポジションを「bottom」と「top」にして配置するものです。 仕組みのイメージ 本文のテキストは、背景画像の長さ分(デモでは1000px)までテキスト量が増えても正常に表示されます。 見出しは、同じく見出しの長さ分(40px)までとなります。 追記: 下にある「Update」に、本文量がどれだけ増えても大丈夫なバージョンがあります。 demo 2
The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
「GD-高速道路ゴシックJA」は、高速道路標識の文字に採用されている書体“道路公団標準文字”を再現したフォント。Windows 95/98/Me/2000/XP/Server 2003/Vistaに対応するフリーのOpenType/TrueTypeフォントで、作者のWebサイトからダウンロードできる。なお、商用目的でも利用できるが、フォントや文字そのもので利益を得る場合はその限りではない。 ひらがな、カタカナ、JIS第一水準を中心とした漢字、英数字、記号のほか、道路標識の絵文字を収録し、高速道路標識の文字に採用され、通称“公団ゴシック”と呼ばれる書体を再現している。公団ゴシックは、ドライバーが高速で移動しながら文字を確認できるように、“読む”ためではなく、“見る”ためにデザインされており、それぞれの文字を図形として見せる字体が特長だ。 たとえば、三鷹の“鷹”をはじめとする、画数が多く潰れや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く