基礎から理解するためのCSS3に関するサイトのまとめ｜Webpark
CSS3はIEが対応できていないこともあって、今まであまり紹介してませんでしたが、使いこなせると面白そうなのでまとめてみました。 CSS3リファレンス 有名なサイトですね。CSS3に限らず、HTMLやJavaScriptなど膨大な情報量です。 CSS-EBLOG 各ブラウザで先行実装しているCSSプロパティがまとめられています。 CSS3 Files 【2010.4.25 追加】海外サイトですが非常に見やすいです。各ブラウザの対応状況の載っていて重宝します。 次にブラウザごとの対応状況を確認するサイトを紹介。 HTML5 & CSS3 READINESS HTML5とCSS3のブラウザごとの適応状況を視覚的に見ることができます。2008年からの年別でも見ることができます。 HTML5 & CSS3 Support こちらもブラウザごとの対応状況がまとめられています。CSS3はプロパティ、セ
いわゆる RPG 等に登場するモンスターの画像がたくさん集積されているサイトを紹介して頂きたいと思います。…
いわゆる RPG 等に登場するモンスターの画像がたくさん集積されているサイトを紹介して頂きたいと思います。 そうしたイラストレーターの方が多数の画像を投稿しているサイトでも構いません。 Dungeons & Dragons 風 (リアル指向と言いますか何と言いますか) なのが理想的でして、 萌え絵とか和製ゲーム的なコミカルな物は一切求めておりません。 例えばこういった感じの絵柄を求めております。 http://www.wizards.com/dnd/images/excerpt_4E_lich.jpg http://img.photobucket.com/albums/v72/maxetormer/deamon98effects.jpg http://mi.wizards.com/global/images/magic/general/sliver_queen.jpg ※ できるだけカラー
情報量をとるか、デザインをとるか〜漫画雑誌の表紙の作り比較〜 - たまごまごごはん
先日友人と雑誌の表紙の話をしていました。 端的に言うと、自分はどうも「月刊マガジン」と「別冊マガジン」を間違えちゃうよ、という話。 左が月マガ。右が別マガ。 まあ普段買っている人なら、作品が表紙に来ているので分かるとは思いますが、うん、これは初見ではちと分かりづらい。 つーか最初から知ってないとまず分からない。 表紙は、本の顔です。 割と思い浮かべやすいのは、ジャンプ・サンデー・マガジン・チャンピオンの少年誌の表紙。あれはそれぞれのカラーがありながらも、とにかくごちゃごちゃしています。 それは雑誌の表紙にどれだけ情報量を載せられるかの勝負だからだと思います。あとグラビアアイドルを載せると売れるとかそういうの。 ところが、最近は「情報量」で勝負しない雑誌も増えています。雑誌のカラーが独自な場合が多いので、おそらくデザイナーさんの考え方・出版社の考え方次第なんでしょう思います。 「デザイン」重
単調なウェブサイトのデザインに手を加えてクオリティをアップするチュートリアル
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
スパムメールから収集したテキスト装飾 : mwSoft blog
先日、我が家の捨てアドを久々に開いたら、数千件のスパムメールが溜まっていることに気づいた。 オオアリクイみたいなセンスの良いスパムがないかなぁと思って軽く見てみたが、残念ながら良質な内容は見当たらなかった。 ただ、見ていると、テキスト装飾が凝ったものが多くて感心した。 仕事でも情報をテキストで残すことがあるけど、そんな時にちょっと見やすくするのに使えるのではないかと思って収集してみた。 ============================================================ ************************************************************ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ----------------------------------------------------
いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
| ＾＾ |秒刊SUNDAY | 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！
2009年05月18日 夏だ一番！アイコン祭り！1000種類以上の高クオリティアイコン祭！ カテゴリ：WEBデザイン さて、アイコンエントリーがだいぶ放出されてきましたのでここでひとつ、まとめてみました。この夏もクオリティ高いアイコンで乗り切れ！ ◆40種類のスタイリッシュなアイコン スタイリッシュでクールなアイコン40種類。 ■40+ Stylish and Trendy Icon Sets ◆１２８種類WEBアイコン WEBに使えそうなアイコン ■Function Web Design & Development [ Blog ] ≫ Free Icons: Function Icon Set, 128 Completely Free Icons ◆６０種類ベクターアイコン ベクターデ出来たアイコン ■60 Free Vector Icon Packs for Design Prof
見てるだけで楽しい！雑貨・インテリアを扱っている24サイトまとめ*二十歳街道まっしぐら
インテリアサイトにアクセスしなくても、まとめてくれているサイトです。 気軽に読めます！とりあえず、ここだけは覗くようにしてみます。 1.まとめのインテリア 国内で返るデザイン雑貨、インテリアのまとめ。 2.となりのインテリア まとめインテリアの中から、ピックアップしてくれます！ 北欧やイタリアのインテリアを扱っているサイトです。 3.morphica 北欧家具・雑貨。 お値段はそれなりにしますよ＾＾； 4.IKEA 北欧家具・インテリアのお店。 最近話題になっています！お値段お手頃でカラフルなものが多いです。 5.北欧雑貨 その名の通り、北欧の雑貨です。 北欧デザインがたまらない人は要チェック！ 6.Cassina ixc イタリア家具が置いています。 めちゃくちゃいいのがあるんすけど、高いっすね～＞＜ 7.カルテルショップ イタリア最大のプラスチック家具メーカー「カルテル」ショップ。 か
いろいろなサイトのFooterのデザインを集めた -Footers Design Showcase | コリス
Footers Design Showcase Footerは現在76個登録されており、Elements of Designには他にもウェブサイトでよく使うエレメントのデザインが収集されています。 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集
覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::
この記事へのトラックバック ウェブデザインにも、「黄金比」「白銀比」 Excerpt: 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design :: 黄金比や白銀比の縦横比や色々なバナーサイズの紹介。 美しいモノは��... Weblog: 日々、ウェブデザインとネットニュースとゲームとか。 Tracked: 2008-04-25 23:55 バランスのよい若草？ Excerpt: 縦横比……。 ずっと以前から、 タテとヨコの比率によって、美しく見える割合が研究されてきました。 覚えておくと便利なバランスのよい縦横比とバナーサイズ Love & Design 白銀比、.. Weblog: ウェブライター流転記（改訂版） Tracked: 2008-05-12 21:44 覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & De
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iconPot - totally free icons
Photoshopのブラシサイトまとめ - DesignWalker