高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
Lucky bag::blog: CSS を作成する際のお約束
CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: 0; padding: 0; font-style: normal; font-weight: normal; } ここらへんは基本だと思ってたんだけど、未だにこれをやっていなくて、あのブラウザとこのブラウザで見た目が違うんですけどってのは結構いたりする。上記に text-decoration: none; や font-size: 100%; なんかを加えても良いかも知れないけど、最低限マージンとパディングは無くしておくことをお薦
あなたを刺激する新しい動きを発見するための7つのFLASHサイト*ホームページを作る人のネタ帳
これはあるエントリーの一部であることを先に告げておきたい。 Exploring Design: Outstanding Start Pages 海外の記事だけど、これだけは見ておいたほうが良いと思った７つのFLASHサイトへのリンクが、非常に興味深かったので抜粋して紹介しておきます。 見逃してはいけない7つのFLASHサイト すごい。 このFLASHは久しぶりに感動した。 マウスが鉛筆と化し、そのたどる道を書いているまでは良い。 そこから文字をクリックして拡大したとき、鉛筆の起動が3Dとして表現される。 特に動画の開き方などは参考になる。 それぞれのメニューがゴムで挟まれたような感触。 触ってみるとわかるけど、結構癖になる。 ドラック＆ドロップをうまく活用しているのがわかる。 本がばたばた倒れるように開いたり閉じたり。 動作のアイデアがすばらしい。 これだけの動きで十分頭に残るインパクトが
iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
「iPhoneのユーザーインタフェース（UI）は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日本的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza！」（産経デジタル）、「ワッチミー！TV」（フジテレビラボLLC）、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。 次のような透過PNGがあったとして、更にこの下に色を付けると・・・。 大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。 そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example five (FireFoxのみ) Example six (IEも動きます) Example seven (IEも動きます) アイデア次第でこういった技もできてしまいますね。 通常なら画像をPhotoShopなんかで
Webデザインのリンク集 Webデザインポータルサイト S5-Style
Webデザインのリンク集 Webデザインポータルサイト「S5-Style」は、人の目を惹きつけるWebデザインのサイト・Webデザインの品質を高めるための技術情報をブックマークしたWebデザイナーズリンク集です。ベージュWebデザイン一覧 | 黒色Webデザイン一覧 | 青色Webデザイン一覧 | 茶色Webデザイン一覧 | カラフルWebデザイン一覧 | グレーWebデザイン一覧 | 緑色Webデザイン一覧 | 橙色Webデザイン一覧 | ピンクWebデザイン一覧 | 紫色Webデザイン一覧 | 赤色Webデザイン一覧 | 白色Webデザイン一覧 | 黄色Webデザイン一覧 | 旅行・航空・飛行機・交通Webデザイン一覧 | アミューズ・エンターテイメントWebデザイン一覧 | 映画・アニメWebデザイン一覧 | 美容・ヘアメイクWebデザイン一覧 | 自動車Webデザイン一覧 | 企
ColorBlender.com | Your free online color matching toolbox
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
脱毛おすすめランキング | 全身脱毛で人気の脱毛サロンを口コミで比較
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board
Font - 女の子向きのかわいいフォントがDL出来るサイトのリンク集です。
http://plaza.rakuten.co.jp/catfrog/diary/200701140026/
M+ と IPAフォントの合成フォント配布 - きりんシステム ダイアリー(2006-03-15)
http://textocean.com/feat/140/css-tricks-10
プロが語るデザインの極意 売り上げをのばす方法 よいキャッチコピーの書き方 感性とは DTPプロのフォントの使い方 Mac環境とソフトの相互性の選び方の工夫のコラム集です
http www.styleboost.com
9031
caramel*vanilla » 日本の伝統色のPhotoshop用カラーパレット
CSS着せ替えテンプレートプロジェクト！