CSSのみで画像を背景（画面全体）にアスペクト比を崩さず中央配置する | soplog(そぷログ)
CSSのみで画像を背景にベターっと表示するサンプルを作りました。 背景と言っても実際に配置するのは img要素 です。 ※IE7～8は、画像よりウインドウが狭くなった時、中央配置されません。 ※IE6はアスペクト比が崩れます。 ※Media Query と min-*** に対応すれば、IE6～8でも意図した動作になるはずです。 サンプル HTML <!-- 画像のサイズは指定しない --> <div id="bg-fill-image"> <img src="http://placekitten.com/g/1024/768"> </div> <div id="wrapper"> <!-- 通常のコンテンツはここに書く --> </div> CSS html { /* 内包する要素に関わらず高さを保持する */ height: 100%; } body { margin: 0; padd
10 Free Mockup Backgrounds to Present Your Work
Home » Articles » 10 Free Mockup Backgrounds to Present Your Work Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more Uploading samples of your work to sites such as Behance or Dribbble is a great way of getting noticed, so it’s worth spending a couple of minutes adding some polish to your images so they s
[CSS]JavaScript無し、レスポンシブ対応、背景をコンテンツのスクロールに合わせて変更するスタイルシート
デモを幅780pxで表示 実装 実装は、5ステップです。 Step 1: 背景画像の用意 デモでは4つのコンテンツがあるので、3枚の背景画像を用意しています。一番大きい表示サイズを想定して、1,800x1,200pxの画像です。 Step 2: HTML HTMLは非常にシンプルです。 4つの各コンテンツはrapperのclassを付与したdiv要素で配置し、header, section, section, footerで内包します。 <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <title>From love for lavender</title> ... </head> <body> <header class=" content"> <div class="wrapper
Dreamweaverのコードビューのコードカラーリングを作ってみました | Webデザインのタネ
一定期間更新がないため広告を表示しています
最近のウェブサイトで見かける背景のスタイルとトレンドのまとめ
Hannah & Jeremiah 洋服や髪型にもトレンドがあるように、ウェブデザインにもトレンドがあります。そして背景は特にトレンドがあります。上にあげた例のいくつかの写真やイラストの背景はシャープで分かりやすいですが、いくつかは解釈することが難しいものもあります。ソリッドな背景は人気が高く、ぼんやりとしたブラーな背景もあちこちで目にするでしょう。また、ブラックやホワイト（時代遅れな使い方ではなく）だけでなく、単一のカラーの背景で奥行きをコントロールしエレメントを目立たせるように使っているサイトもあります。そして、パターンやテクスチャもよく機能する背景で、これは最近形の大きさが変化したように思われます。パターンは大きいけれど、繊細なテクスチャのように低いコントラストのアイテムを使っています。 1. シャープなイメージ 背景にシャープで強いイメージを使うことは定番と言っていいでしょう、ポイ
1920x1200pxの高解像度だから背景にも安心、ざらっとした布地のテクスチャ素材
商用でも無料で利用できる、ざらっとした布地のテクスチャ素材を紹介します。 Free Stained Canvas Backgrounds [ad#ad-2] ダウンロードできる素材は全部で12種類あり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
背景画像300種類以上をリアルタイムに試すことが出来るブックマークレット”SubtlePatterns Bookmarklet” | バンクーバーのうぇぶ屋
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
OS X Mountain Lionで通知センターの背景画像を変更する方法 | ライフハッカー・ジャパン