ColorJack: Sphere (Color Theory Visualizer)Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com
僕たちはいま何をデザインしているのか？：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 考えれば考えるほど、ISO13407の人間中心設計プロセスって理に適っているように感じます。 「そのサイトに魂はあるのか？」をきっかけに「わかるコンセプト」や「コンセプトがあいまいなら出来るものもあいまい」、「ユーザーの生活や思考を知ることからデザインをはじめる」ですこし遠まわし気味にISO13407の人間中心設計プロセスの上流工程について考えてみたんですけど、本当によくできてます、このプロセス。 コンセプトメイキング＝人間中心設計の必要性の特定「ユーザーの生活や思考を知ることからデザインをはじめる」に対して「この場合のユーザや顧客の定義にもよる感じ。お金をくれるお客さん、それともそのお客さんのWebサイトで購入してくれるお客さん？」ってコメントがあったんですけど、そんなこ
ウノウラボ Unoh Labs: ウェブデザインに不可欠なツールサイトの紹介
naoyaです。 今日は最近見つけました”ウェブデザインに不可欠なツールサイト”を紹介します。その名前も「Web Design Tools - thePeoplesToolbox」です。このサイトはウェブデザインの使われるさまざまなサイトをまとめたサイトです。 それでは、さっそく使ってみることにしましょう。 まず、最初にユーザ登録した方が自分のツールボックスにできるので登録してみましょう。 登録するには、右上の"login"リンクから、必要な情報を入力するだけでその場で登録完了となります。"Enter Code"には、"Authentication Code"と同じ文字を入力します。 ウェブデザインサイト１ posted by (C) フォト蔵 ログイン後、"home"リンクからトップページを表示すると、ウェブデザインに使えるサイトの一覧がカテゴリ別に表示されています。 この中から
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
Web 2.0 V2 BETA
New condos present a compelling option When securing a profitable investment in today’s ever-evolving real estate market. Whether you’re a seasoned investor or just starting, understanding the benefits of this property type is crucial for making informed decisions. With the launch of exciting projects like Nava Grove new launch, now might be the perfect time to consider investing in a new condo. B
【コラム】クリエイターのためのライフハック (10) 手軽に作れるポートフォリオページ - Carbonmade | クリエイティブ | マイコミジャーナル
イラストレーター、アーティスト、Webデザイナー、動画制作者などなど、クリエイティブな仕事をしている方にとって、自分のプロモーションは作品を作ることの次にといって良いくらい大事なタスクだと思います。特に駆け出しの頃は出来る限りアピールできる窓口を作っておきたいところです。 自分の世界観を出来るだけWebサイトで再現したいと考える方は、自分でサイトを立ち上げているのではないでしょうか。Webデザイナーなら自分のポートフォリオサイトを作るのはそれほど難しい作業ではないかもしれませんが、HTMLを勉強するのも一苦労ですし、作品をコンスタントに加えて行くことを考えると、ファイルの構造や柔軟性のあるレイアウトを考えないといけなくなるので、いろいろ模索しているうちに数カ月放置してしまうということもあるかもしれません。凝りだしたらキリがないポートフォリオサイトの制作ですが、とにかく作品を出して世界に自分
Pure CSS menus
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
JavaScriptがオフになっているブラウザでも問題なく利用できるメニューです。なおかつ操作性は損なわれていません。ほとんどのDHTMLをサポートしているブラウザで動作してくれます。 作り方や実例は以下から。 Pure CSS menus http://www.howtocreate.co.uk/tutorials/testMenu.html 以下も同じ種類のメニューです。 Pure CSS Menus http://meyerweb.com/eric/css/edge/menus/demo.html CSS / DHTML Hybrid Navigation Bar http://www.brothercake.com/scripts/navmeister/page.php CSSだけでもけっこうなんとかなるものですね、めもめも。
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
検索手順ツール (Dark-I.com) | 100SHIKI
サイトデザインをするときは、たいてい他のかっこいいサイトを眺めながらインスピレーションを得ることにしている（真似にならない程度にね）。 そうした場合、たいてい色合いだけは決まっているので「青系でなんかいいサイトないかなぁ」と探すことになる。これはこれで結構面倒で、色合いで探せるデザインサイト検索サイト（ややこしいな・・・）がないかなぁ、と思っていたところ、あった。 Dark-iのサイトではまさにそのような検索を実現してくれている。これを使えば今までの作業が大幅に効率化されそうだ。 無意識に行っている検索手順をツール化してみる。デザインサイト検索以外にも応用ききそうですね。
毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML（XHTML）＋CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ（ヘッダ部分）</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン！ 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年：魔女の恋愛 2015年：彼女はキレイだった 2016年： 花郎＜ファラン＞ 2017年：サム、マイウェイ～恋の一発逆転！
インタラクション・デザイン：行動とフレーム：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 消費者行動学、消費者心理学といった視点から、顧客（そして、マーケター）の行動における判断の構成要素を「心－脳－体－社会」のつながりによる三次元ピラミッドで把握することでマーケティング・アプローチのパラダイム転換を提案した『心脳マーケティング 顧客の無意識を解き明かす』の著者ジェラルド・ザルトマンは、これからのマーケターは自身の専門分野だけでなく、認知心理学や脳神経科学、言語学など様々な専門分野をまたいだ視点で捉えなおす姿勢をもつことが重要だと述べています。 同じことはWebのデザイン、設計に関わる人、Webマーケティングに関わる人にもいえるのではないでしょうか？ 自分の専門分野にこだわり、それを集中的に勉強するのは悪くありませんが、ただ、集中しすぎてそれだけになってしまうと
CSSとHTMLをリアルタイムに書き換えてプレビューできる「rendr」 - GIGAZINE
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
MarkupDancing ? スタイルシートによるデザインは過渡期なのかも
World & Sociery 伊丹万作「戦争責任者の問題」を読む last modified on 2024-06-10 伊丹万作氏の評論である「戦争責任者の問題」をご紹介して、批評します。 On “Google’s Ideological Echo Chamber” last modified on 2021-04-03 Google の元技術者であるジェイムズ・ダモーアが回覧用に社内で発表した “Google’s Ideological Echo Chamber” という文書を発端にして展開している論点をとりあげています。 「街場」なんて存在するのか last modified on 2015-10-27 以下の文章は、何度か途中まで書いて「くだらない」と思いながらも、再び書き直してきたものである。どうして書き直すたびに「くだらない」と感じてしまうのか。その話から切り出した方が、却っ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB制作時に便利な9つのFirefox拡張機能(Add-ons) - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
ウェブデザインに使える16のジェネレーターツール - DesignWalker
ブラウザに合わせたスクリプトを実行する：CodeZine
映画のタイトルロゴを模したフォント集