リンクをデザインするCSSいろいろ - DesignWalker
[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。
第 2 回目は「見栄えのいい見出し」です。 今回はテキストを生かした見栄えのいい見出しを紹介したいと思います。 画像を使わずに見出しを作成 まずは画像使わずに、border と background を使い見出しを装飾した例です。 サンプル01 h2 { margin: 0; padding: 0; color: #666666; font-size: 86%; } h2.sample1 { padding: 5px 5px 3px; background-color: #FAFAFA; border-left: 5px #22FF99 solid; border-bottom: 1px #DEDEDE solid; } h2.sample2 { padding: 3px 5px; border-top: 3px #FF9933 solid; border-right: 1px #EEEE
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良い見出し | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
Color Match, HTML color code, match website colors, color scheme
Hypergurl Games Web Design vs. Web Creation Anybody not in the website industry could be forgiven for thinking that web design and web creation are the same things. This blog will enlighten readers on the essential differences between the two aspects of building a website. Exciting articles will focus on how web design focuses on the user experience and how the site looks. Whereas web creation is
目にやさしい色を追い求めるスレ:アルファルファモザイク
編集元：デスクトップ板より「目にやさしい色を追い求める」 1 名無しさん＠アイコンいっぱい。 :2005/07/23(土) 00:16:07 ID:REaKfudz
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
49のクリエイティブな404 Not Foundのページ集
hongkiat.comのエントリーから、49のクリエイティブな404 Not Foundのページ集からいくつか紹介します。
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
ウェブデザインに役立つ、15のオンラインツール | コリス
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly"
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2008/06/bg-inspiration.html
リストに使える小さいサイズのアイコン Part2 - DesignWalker
CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳
CSSで様々なアクセサリをつける装飾CSS＋ｊQuery*ホームページを作る人のネタ帳
Color Chart with 140 HTML Color Names
UIパターンいろいろ - DesignWalker