[CSS]テキストの左右に水平ラインをすぅーーーっと引くスタイルシートのテクニック
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
写真を使用してデザインをするためのベストプラクティス
写真はウェブに限らず、デザインをする上で非常に重要な要素です。 ここではウェブデザインで使用する際の写真の入手から、カラースキーム、タイポグラフィとの組み合わせ方などシンプルで効果的な方法を紹介します。 Designing From a Photo: Quick Tips and Best Practices [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに 写真の入手 Color Schemes Typography Bleed まとめ はじめに フォトグラフィはタイポグラフィ以来、デザインを成功させる最も素晴らしい手段です。クオリティが高い写真は程度の低いデザイナーでも素晴らしいデザイナーのように見せるでしょう。 素晴らしいフォトグラフィのデザインをするためにいくつかのテクニックとアイデアを紹介します。 写真の入手 まず第一に、デザイナーとしてあなたができる最も良い方
False color がデジタル赤外線写真の真骨頂 - metalmickey's blog
相も変わらずコツコツと、Leica M8で赤外線写真を撮ってます。巷でも、DP1やGR DIGITALといったコンパクト機、ケンコー製赤外線フィルターを付けたデジイチで撮る人が増えている様子。撮影画像をモノクロ化すると、葉っぱは白く、空は黒く、たしかに往年の赤外線写真らしい写真になる。でも単なるモノクロ化だと、試して終わり……という人も案外多いのでは!? デジタル赤外線写真の醍醐味は、やはりFalse colorに尽きます。 False colorというのは、直訳すると偽色。撮影画像本来の色ではなく、偽の色を割り当てるというレタッチ技法だ。昨今のデジタル赤外線写真は、おおむねFalse color的な処理が施してある。上の写真もそのFalse colorの作例だ。葉っぱはベージュがかった白、空は青。まるで樹氷の写真みたいに見える。モノクロ赤外も雰囲気満点だけど、せっかくデジタルで撮ってるな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
