DesignWalker

料金プランやサービス内容などの比較など、単純にテーブルで組んでいるだけでは、なんだか味気ないですよね。
おすすめのプランを少し、大きく表示して目立たせたり、アイコンやボタンを使って分かりやすく仕上げたり…。
今回は、と [...]…

続きを読む »

Scriptが使えないブログを利用されている方や、これ以上Scriptを増やしたくない。
でも、いろいろ挑戦してみたい。って方には、便利かもしれません。
以前『ちょっと便利なCSS Tips いろいろ』で、既にご紹介し [...]…

続きを読む »

みなさんお馴染みのYouTube
このYouTubeのプレーヤーに使われている画像は実は↓のような一枚の画像が用意されていて、スタイルでうまく表示されているようです。

画像をスライスして一枚ずつ読み込むよりも、こ [...]…

続きを読む »

本日は、ちょっぴり便利かな～っと思うCSS Tipsをいろいろご紹介。
既に、ご存知のものも多いかもしれませんが・・・
1. Image map for detailed information
FlickrみたいなI [...]…

続きを読む »

きれいなウェブデザインは見ているだけでも楽しくなりますね。
そんなきれいなデザインを集めたギャラリー系のサイトが充実してますね。
色使いや、レイアウト、サイトの構成などなど、いろいろと参考になります。
本日は、そんなギ [...]…

続きを読む »

ブログのサイドバーや、記事タイトルの横などによく表示されているカレンダー。
日付も単純にテキストだけで表示するのではなく、ちょっと手を加えておしゃれ～に見せたいものですね・・・
っちゅうわけで本日は、そんなカレンダーデ [...]…

続きを読む »

ブログのコメントや、お問い合わせなどで使われるフォーム。
フォームをCSSできれいにデザインされているブログやウェブサイトをよく見かけます。
っちゅうわけで、本日はきれいにデザインされたフォームをいろいろ集めてみました [...]…

続きを読む »

サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。
例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り̶ [...]…

続きを読む »

企業のサイトを構築していると、グラフやチャートが必要になることが多いです。
小難しいことをダラダラと書くよりも、グラフでデータを見せる方が、ユーザーの方々に分かりやすくていいですよね。
っちゅうわけで、本日はグラフを描 [...]…

続きを読む »

本日は、実用的なCSS（スタイルシート）のお話。CSSコーディングを始める一番最初にbodyタグに設定しておくと、結構便利かな？と思われるポイントをまとめてみました。。
margin:0; padding:0;

ma [...]…

続きを読む »