画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ使用する画像の容量を減らすこともその一つです。 今回は、スマートフォンサイト制作に便利な、CSS3のグラデーションを使った背景パターンの作り方を紹介します。 ※CSSではスマートフォンサイト向けにwebkitの記述のみを使用しておりますので、サンプルページはスマートフォンのブラウザかSafari、Chromeで閲覧ができます。 CSS3のグラデーションを使ったパターンの作り方 CSS3のグラデーション機能を使うと、様々なグラデーションを作ることができますが、 一見グラデーションには見えないような単色の

[utd_sn3781]

しまぱんの作り方

[masapon49]

やっとストライプ（斜線）理解できた(´；ω；｀)ﾌﾞﾜｯ

[sugi511]

CSS3で作るグラデーションパターン

[nkoichiro]

[]February 15, 2012 at 12:25AM

[kaznak_com]

via Instapaper: HTML CSS http://www.instapaper.com/u/folder/1740055/html-css

[kurooka]

CSS3で背景パターン作れるんだ。[css3]

[richard_raw]

細かいストライプとかひし形とかチェック柄とか。

[feb223]

css3 背景パターン

[M321]

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

[cosmetick]

へー背景も設定できるんだ

[stenpel]

後で見るかもしれない。

[knk_n]

fmfm / 画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

[warriorking]

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

[canakate]

よむよむ♪

[yohshiy]

-webkit- を -moz- に変えたら、 Gecho(Firefox) でもいけるかも。

[sw_lucchini]

これは使える

[actywave]

いい！

[mura24]

斜めストライプとかすてき！

[enmango]

CSSで背景パターン。なるほどー。

[hiroshi_revolution]

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう