WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
フォームデザインいろいろ - DesignWalker
今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。 登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。 Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメントフォームを集めたショーケースです。きれいなフォームがたくさんありますね。またこちらのサイトでは、他にもいろいろとフォームをまとめられております。ログインフォームや登録フォーム、別のブログコメントフォームも参考になりますね。 Pattern Tap 現在185種類のフォームデザインがまとめられております。 Form Generators, Styling, Inspiration | CSSAddict おしゃれにデザインされたフォームがたくさん。 Web
Navigation Menus: Trends and Examples | Design Showcase | Smashing Magazine
Navigation is the most significant element in web design. Since web-layouts don’t have any physical representation a user can stick to, consistent navigation menu is one of the few design elements which provide users with some sense of orientation and guide them through the site. Users should be able to rely on it which is why designers shouldn’t mess around with it. Navigation is the most signifi
テキストにグランジ風のエフェクトをつけるスタイルシート | コリス
janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simple CSS デモ 仕組みは、以前当サイトでも紹介した「テキストにグラデーション効果をつけるスタイルシート」と同じもので、背景画像を変更したものとなっています。 空spanを使用するため好みは分かれると思いますが、画像で作成することに比べて、テキストデータだと修正・更新が容易という利点もあります。 デモは、下記のようになっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h1>This is one very long title with grunge effect<span></span>
Using CSS and GIF’s to animate a menu » - Web Design Marketing Podcast & Blog
Remember our good old friend the animated gif? There was a time when the ability to animate GIF’s made web sites a little more fun… or horribly obnoxious. It seems that no one really harnessed the power of animated GIFs, and today the only place they seem to be used are in banner advertisements when flash isn’t available. GIFs can still be a very powerful tool, and the fact that they have been lon
最優秀賞☆コーディングコンテストVol.1
お待たせいたしました！ コーディングコンテストVol.1にて、最優秀賞を獲得されました、にんさんのデータを公開します！ 受賞者の一覧はコンテストの結果とLP3を終えてを見てください。 index HappyLifeマシン 一式ダウンロード 追記にて、profile.txtに記載して頂いた情報や、審査員の方々からのコメントを掲載いたします。 profile.txtの内容 お名前 にん サイトURI http://totoco.org/ 年齢 29歳 職業 Web屋 CSSによるコーディング歴 2年4ヶ月 作業環境関連のデータ（OS、オーサリングソフト、エディタ） OS / Windows XP Professional Soft / Dreamweaver8 , EmEditor おおよその作業時間 24時間 苦労した点 普段デザイン～コーディングまで一人で行うのですが、全く別の方の（社外の
RedLine Magazine : グランジ系デザインもどきをFWでやってみる
グランジ系デザインもどきをFWでやってみる ツヤツヤしたweb2.0系のデザインもいいけど、グランジスタイルのデザインもかっこいい。でもツヤツヤ系より手間ヒマがおそろしく掛かりそう。細かい部分の作りこみとか大変そうすぐる。と思ってたけど、The Secrets Of Grunge Design | Design Showcase | Smashing Magazineを拝見して、ついカッとなって「Fireworksで最速でグランジもどきを作ってみよう」という気になった。 もどき完成目安、15分。 15分くらいでこれができるはず。レイアウトはこのサイトのまんま。 １分目 色使いを考える 冒頭のSmashing Magazineにカラーパレットが掲載されてたのを参考にする。「控えめ」「汚れた感じ」「冴えない」感じの色使いがグランジスタイルのカラー使いのポイントらしい。 ２～３分目 背景に使うテ
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
Fashionsnap.com
#Shrift #GAP #Karen Scott #Sandro #Dr. Martens #Jimmy Fairly
メール配信サービスとは｜クライゼル
クライゼルのメール配信サービスにはメールマーケティングに必要な機能がそろっています。 ステップメール配信、メルマガ配信、レコメンドメール配信、HTMLメール配信などをカンタンに実施できます。 メールの配信結果をグラフで確認することも可能ですので、それら情報を使って施策の改善にも役立てられます。
Pixelfactory
今さらな話しですが、ゴールデンウィークに東京に遊びに行ってきました。 朝一番の飛行機で東京に降り立ったら、普通に雨降ってました・・・ 「なんでやねん！！」っとツッコミましたが、どうなるわけでもないのでとりあえずホテルにチェックイン。 そのまま昼まで寝て、やっと雨がやんだので街にでかけました。 まず思ったのが、東京の電車はわかりにくい！！ 路線ありすぎでしょ！駅員に聞かんと絶対わからん！！ いきなり迷ったりでテンションも下がり気味でしたが、表参道・六本木ヒルズ・お台場あたりを歩き回ってだんだんと楽しくなってきた時に、夕方に多分原宿だと思いますが、auショップで「superfly」がライブしてました。 僕は全然知らなかったんですが、ノリノリでテンション上がりまくりで楽しかったです。 そして最終日に、人生初の東京タワーに行きました。 しかも、階段を歩いて登りましたよ！ 展望台のさら
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
http://www.designwalker.com/2009/02/clone-webdesign.html
本の目次部分のようなリストをCSSでデザインするテクニック:phpspot開発日誌
http://www.dynamicdrive.com/style/csslibrary/item/animated_horizontal_tabs/
リンクをデザインするCSSいろいろ - DesignWalker
透過をきれいに使ったウェブデザインいろいろ - DesignWalker
http://www.nextindex.net/web/CSS/index.html
Dynamic Drive CSS Library- Practical CSS codes and examples