ストリート系のかっこいいフリーフォント -Last SoundtrackRusted Plastic Last Soundtrackのフォントはdafont.comでも配布されています。 Last Soundtrack [dafont.com]
150枚以上の繊細な柄の画像をフリーで配布しているサイト -Squidfingers
Squidfingersには、無料で使用できる繊細な柄の背景用画像が150枚以上コレクションされています。
CSSでWindowsVista風のナビゲーションバーを作成するサンプル:phpspot開発日誌
CSS - Creating a vista style nav bar in css In today’s tutorial I want to show you what you can do with a minimal effort and a little imagination. What we are going to do is re-create the Vista toolbar in pure CSS with buttons and hover effect in cross-browser compatible CSS and HTML. CSSでWindowsVista風のナビゲーションバーを作成するサンプル。 画像とマークアップが公開されています。 実際に動作しているサンプルはこちら ファイルを一括ダウンロードすることも出来るようです。 Windows Vis
Styling File Inputs with CSS and the DOM // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with File inputs (<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Bef
デザイン勉強会「簡単に名刺作ろうぜ」資料公開｜| Woops'dez | Bloggin'
デザイナーをしています。おもしろいコト大好き。イベントに参加したりカンタンなwebサービスを作ったりもときどき。twitterだけがとりえです。twitter id ; woopsdez Category Archives Monthly Archives January 2008（14） December 2007（22） November 2007（33） October 2007（21） September 2007（18） August 2007（24） July 2007（19） June 2007（40） May 2007（30） April 2007（97） March 2007（20） February 2007（11） January 2007（18） December 2006（26） November 2006（35） October 2006（50） Septemb
デザイン勉強会の資料を公開します。 - El diario de la diseadora viviendo en tokio
すみません、昨日今日とだらだらしてしまって、すっかり資料の公開が遅くなってしまいました＞＜2007年9月8日にノッキングオンさんにて行なわれたデザイン勉強会で、私がお話したことの資料を公開いたします。「デザイナーでない人のためのレイアウト入門」（pdfファイル・約41MB）当日お見せしたものから不要なアニメーション部分を取り除き、1ページ説明を追加してあります。このpdfだけでは当日お話したことがカバーし切れていないのですが、 そこは素晴らしき「ついったったー」の皆さまにより、完璧フォローされておりまする！（皆様に大感謝！！！）デザイン勉強会まとめサイト（by woopsdez嬢）デザイン勉強会のまとめをするよ！（by hamashunさん）「デザイン勉強会」に参加してきました！（その2）（by necozeさん） あ、あと、まとめサイトから、floralさんが録音してくださった音声データ
ウノウラボ Unoh Labs: 「視線を導く」方法あれこれ
yamazakiです。毎度毎度技術系なこのウノウラボには馴染まない話題を振りまいているわけですが、さてはてどの程度お役に立てているものか…。 今回のテーマは「視線」です。例えばWebサイトは「見てもらう」ことが大事ですし、また、UI設計の場面などでも、「視線をうまく導いてやる」のは使い勝手をよくする上でも大切なことだと思います。といったわけで、ユーザの視線をうまく捕まえてみたり導いてみたりする上で役に立つかもしれない情報を簡単にまとめてみます。 １．視線をつかまえる Web上にも街にも広告だの何だのと情報が氾濫しています。その中で「見てもらう」ためには何かしらの工夫が必要になることがあります。というわけでまずは「人の視線をつかまえる」ための方法論を少し。 「人の顔」を使う まずはこの画像を見てみてください。 01 posted by (C)フォト蔵 最初に、どれを「見てしまいました」か？
WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
デザインのインスピレーションを効率よく得るためのサイト「FAVEUP」
ロゴデザイン、名刺デザイン、Flashのサイト、CSSのサイトの4種類に分かれており、それぞれについて「これは！」というようなデザインのインスピレーションを得ることができるサイトです。各デザインには投票によってランクがつけられており、高ランク順に並び替えることもできるので、効率よくかっこいいデザインを探すことができます。 アクセスは以下から。 Design Inspiration Gallery - FAVEUP http://www.faveup.com/ ロゴの場合（新着順）（高ランク順） 名刺の場合（新着順）（高ランク順） Flashを使ったサイトの場合（新着順）（高ランク順） CSSを使ったサイトの場合（新着順）（高ランク順）
liquidicity » Panic Over! PHP, CSS & HTML Help Sheets
August 2024 July 2024 February 2024 November 2023 June 2023 April 2023 March 2023 February 2023 January 2023 December 2022 November 2022 October 2022 September 2022 August 2022 July 2022 June 2022 April 2022 March 2022 February 2022 January 2022 December 2021 November 2021 October 2021 September 2021 August 2021 July 2021 June 2021 May 2021 April 2021 March 2021 February 2021 January 2021 December
AdSense広告をCSSでWeb2.0風にするテンプレート２９種類 - GoogleMania | グーグルの便利な使い方
AdSense広告をCSSでWeb2.0風にするテンプレート２９種類 管理人 @ 6月 26日 04:20pm AdSense Web 2.0 Magazine: 29 Different Google Ads Styleにて、AdSenseのテキスト広告をCSSでWeb2.0風にするテンプレートが、２９種類も公開紹介されています。 これまで、背景に馴染ませるしかなかったテキスト広告が、立派なサイトのデザインの一部になります。 どうやって、デザインを変えるかというと、AdSenseのコードを変更するのは違反ですので、CSSを使ってその周りの背景に手を加えます。 利用方法 次のテンプレート一覧ページで好みのテンプレートを選びます。 Web 2.0 Magazine: 29 Different Google Ads Style 「View Code」リンクをクリックすると、それぞれのテンプレー
12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」:phpspot開発日誌
Leo's Icon Archive - 12,500 free icons, buddy icons, xp icons, vista icons, desktop icons, aim icons The Icon Archive is a collection of desktop icon sets from various authors of over 12,500 high quality icons for Windows, Macintosh and Linux Systems. 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 次のような超リアル＆クールなアイコンを入手できます。 それぞれのページにライセンスが書いてあって、利用も簡単に出来ます。 その他サイトで使えるフリーのアイコン配布サイト Silk Icons Mini Icons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
黄金比グラデーション・白銀比グラデーション - DesignWalker
WEBデザイナーのためのベストエントリ51個まとめ『2007年8月』*ホームページを作る人のネタ帳
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
http://youmos.com/news/jsscrolling
http://youmos.com/news/design_elements
有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました | DesignWalker
http://youmos.com/news/exploding_boy