Webグラフィックテクニック

HTML、CSSの画像テクニック

HTMLやCSSを利用した画像テクニックです。
写真自体を加工せず丸く表示する方法
画像を加工せず、CSSでトリミング(切り抜き)する方法
読込画像1つで複数のボタンを作る方法
棒グラフを作りたい
もっと棒グラフらしく 縦向き棒グラフを作りたい
円グラフをウェブ上で簡単に表示させる方法
画像1つで様々な星レベル(ランク)を表示

Scriptの画像テクニック

Scriptを利用したテクニックです。
Skitterで迫力ある効果のスライドショーを作る方法
複数の画像がふわっと切り替わるスライドショーを作る
ランダムに画像を表示したい

その他のWebグラフィックテクニック

スペーサーGIF

スペーサーGIFとは透過gif(透明なgif画像)の事で、透明なのでレイアウトに干渉する事無く様々な使い方が可能です。
なお、スペーサーGIFを利用する場合は、空であってもaltを必ず書く必要がありますがそれでもW3Cでは減点されます。
スペーサーGIFとは
スペーサーGIF

オンラインPC館
トップページテクニックウェブ制作 → Webグラフィック