Elements of Design: A Web Design Showcase
Elements of Design is a collection of UI components that highlight best practices for particular design patterns from leading websites around the world. Browse the archives and use it as a source of inspiration for your next web design project. The average shopping cart abandonment rate is slightly under 70%, which translates to billions of dollars in lost sales per year. As a result, an effective
角丸に関するあれこれ
最近、というか Web2.0 的デザインなんてものが言われ始めてからというもの、「角丸」 ってやつがとっても人気ですね。(X)HTML、CSS 関連の話題でもよく取り上げられています。 ということで、角丸の作り方をいくつかの種類別に、また、数値などを入力するだけで、角丸のソースを生成してくれる角丸ジェネレータなどをいくつかまとめてみました。 角丸の作り方その1、画像を使う方法 ソースがどうこうとか、まったく気にしないで塗りつぶしの角丸ボックスを作るだけなら、4つの角に配置する画像を用意した上で、下記のような感じにすれば得に難しくもなく角丸完成と。しかもフレキシブル。しかしソース汚い。 <!--HTML--> <div class="left-top"> <div class="right-top"> <div class="left-bottom"> <div class="right-b
CSSで画像に枠や影をつける
CSSで画像に影（ドロップシャドウ）を付けるには、 1.画像と影画像を用意します。 2.画像の後ろに、影画像を背景画像として重ねます。 3.そして、前の画像を左上の方向にずらすことで、ドロップシャドウの効果を実現することができます では、具体的に、画像に影（ドロップシャドウ）を付けるカスタマイズ方法を説明します。 1. 影の画像を作成する まず、photoshopなどの画像処理ソフトを使って影画像を作成します。 Photoshopの場合でしたら、長方形ツールで、長方形を作成し、レイヤー効果の「ドロップシャドウ」を利用すると、思い通りの影画像が簡単に作成できます。 ■ サンプル素材 下記のリンクを右クリックして[対象をファイルに保存]を選択するとサンプル画像がダウンロードできます。
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
How to make sexy buttons with CSS
This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be über-flexible, we'll have to make the background image expand with the si
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
pastelmilk ♥ CSS Archive
OCEAN-NET OFFICIAL SITE - 簡単ドロップシャドー その２
2007年5月6月のWEB制作に役立ちそうなベストリンク106個程 *ホームページを作る人のネタ帳