カラーコード HTML・CSS用
Webデザイン用のプチツール 選択したデザインパターン上でブロックの色を変えことができます。選択したブロックのカラーコードも表示されます。 配色保存用アドレス機能 あなたの作った配色をブログやメールで紹介することができます。パレット右上の「保存用URL表示」をクリックするとURLが表示されますのでコピペしてご利用ください。 配色のヒント 雑誌や生活雑貨を参考にする 本文が読みにくい配色はさける。 同系統の色でまとめてみる。 同じぐらいの彩度でまとめてみる。 WEBデザインのヒント 重要なナビゲーションは、探せばすぐに見つかるように配置する 色、文字の大きさ、ブロック周りの余白を調整すると、目立つようになる ページを開いて、まずどこに目がいくのかを意識する 関連のある情報を固める 関連性の薄い情報ブロックの間には余白を入れる
ダーク系配色のデザインを採用しているサイトいろいろ - GIGAZINE
背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。 というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた
グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
Googleがデザインするときに大切にしている10個の原則 - GIGAZINE
Googleのユーザーエクスペリエンスチームに所属するSue Factor氏が、Googleの公式ブログにて「Googleらしいデザイン原則」について、10個の原則を提示しています。デザインというか、ネットサービスの設計自体に関する原則となっており、さまざまな場面で応用できそうなものとなっています。 詳細は以下から。 Official Google Blog: What makes a design "Googley"? Googleのデザイン原則は以下の通り。 1.人々に焦点を当てろ――彼らの生活、彼らの仕事、彼らの夢に 2.すべてはミリセカンド単位で数えろ 3.シンプルにすると強力になる 4.初心者ユーザーを引き込み、上級者ユーザーを魅了しろ 5.革新に挑め 6.世界に通用するデザインを 7.今日と明日のビジネスのために計画せよ 8.気を散らさず、目を楽しませるようにしなさい 9.人々
「ネーミングセンスがない…」と思ったときに試してみたい、5つのジェネレーター
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
swfファイルからflaファイルに変換・抽出できるデコンパイラを試してみた。｜_level0.CUPPY
Flashを扱っていると、swfファイルからActionScriptやflaファイルを抽出できる、「デコンパイラ」の存在を知ると思います。 デコンパイラとは、コンパイルされたswfファイルをflaファイルに変換したり、swfファイル内に含まれる素材を抽出することが出来るツールのことで、大事なflaファイルを紛失してしまったときの蘇生手段として活躍します。 ですが実際にはその使われ方よりも、参考にしたいFlashの中身はどうなっているのかを純粋に解析したいときに良く使われているんじゃないでしょうか。 今回は自分が使ったことのあるデコンパイラを二つご紹介します。 Flare 【特徴】 swfファイルからActionScriptを抽出してひとつのテキストファイルに書き出せるソフト。 フリーウェア。 Win/MacOSX/Linuxに対応。コマンドプロンプトからも使える。 画像や音データは抽出でき
【小町】「夫が超合金ロボットをニヤニヤと眺めて気持ち悪いので捨てたら、ケンカになりました。どうすれば夫を反省させれるでしょうか？」の質問に批判殺到 : 痛いニュース(ﾉ∀`)
【小町】「夫が超合金ロボットをニヤニヤと眺めて気持ち悪いので捨てたら、ケンカになりました。どうすれば夫を反省させれるでしょうか？」の質問に批判殺到 1 名前： 公務員(あかふく) 投稿日：2008/04/22(火) 17:28:47.08 ID:9AeDm7mcP ?PLT 夫の宝物である大量の人形を無断で捨てた妻に批判殺到 質問投稿サイト「発言小町」で、「オタク趣味な夫」と題された質問が投稿され、批判のコメントが殺到している。 質問の内容は、「夫が4歳のころから集めていた大量の人形を、夫が仕事に行っている間に無断で捨てたらケンカになった。どうすれば夫を反省させられるか？」というもの。この質問に対する回答は「無断で捨てられたとなると、そりゃー怒りますよ。ご主人の宝物だったりしますから」「反省するのはあなたでしょ」「ひどすぎます。だんなさん、かわいそう」など、質問をした人物に対する批判が大量
プログラムっておいしいの？ - iGirl
ってゆうスイーツ(笑)が少しでもプログラムを理解するには何をしたらいいのでしょうか。何を読んだらいいのでしょうか。ググればググるほど分からなくなってきました。 「初心者のための・・」系を読んでも、サンプルコードというものを見ても、何のこっちゃ分からずで*1、perlにしようかPythonにしようかjavaにしようかC++にしようかとか言ってる場合じゃありません。C++とC#は別クチなんすかね？ですよね。ｷﾞｬｰ！ どんなふうに始めればいいか分からないしたぶん「私には無理！生まれたときから文系だもん！むしろ文系から生まれたもん！」とか言い訳垂れて諦めるかもしれないんだけど、とりあえず何となく話だけでも分かる風になりたいなーとか思ってー。諦めるまでに達せない自分が歯がゆい＞＜ ギークに「プログラム始めたきっかけって何ですか？」みたいに聞くと（あと記事とか読むと）「自分でゲームを作ったのがはじめ
痛いニュース(ﾉ∀`):「子供が万引きで捕まえられてかわいそう。なんで取りやすい場所に置くんだ」と書店に抗議する親も…本の万引き、年間４０億円
「子供が万引きで捕まえられてかわいそう。なんで取りやすい場所に置くんだ」と書店に抗議する親も…本の万引き、年間４０億円 1 名前： ◆rotiEKAY.k ＠ろちかφ ★ 投稿日：2008/04/24(木) 15:49:39 ID:???0 本の万引き、年間４０億円…小学生も犯行、とがめぬ親も 紀伊国屋書店や三省堂書店、有隣堂など大手書店１４社の万引きによる年間被害額が約４０億円と試算されることが、出版社や書店などでつくる日本出版インフラセンター（東京・新宿区）の調べで分かった。 最近は小学生による犯行や、万引きをとがめない親も目立つ。万引き被害は書店の経営に 打撃を与えており、出版関係者の間では「このままでは日本の出版文化が衰退するおそれも ある」との危機感が強まっている。 （中略） 万引きの若年化も進んでおり、都心の書店約６０店舗と契約している警備会社の調べでは、今年３月の１か月間に取
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 2 | コリス
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
[体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum
Web担編集部では、今回、Web担当者Forumのサイト向けに実際にペルソナを作成してみたので、その様子をレポート形式でお届けする（ペルソナについて詳しくは「ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう」を参照）。 結論からいうと、ペルソナ作りはWeb担当者にとって非常に役立つものであり、編集部のスタッフは、今回のペルソナ作りによって新しい発見と良い刺激を得ることができた。また、ペルソナ作成はしっかりとした方法論のもとに行う必要があり、経験のある人の助けを借りることは必須だということもわかった。 使えないペルソナで失敗した経験実はWeb担編集部では、最初にメディアの中心としてのウェブサイトWeb担当者Forumをスタートした2006年7月の時点で、一度ペルソナを作成していた。「台東区にある玩具などのメーカーに勤める三島啓介さん（32才）」というペルソナだ。しかし、そ
![[体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ab74e15948c807ebbb39ce141223cec7464b905/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2008%2Fpersona_design%2Fpersona_icon.jpg%3Fitok%3DiOf_wBp2){kind=icon}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
