ColorZilla for Firefox and Chrome Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Firefox and Chrome. ColorZilla for Chrome and Firefox Advanced Eyedropper, ColorPicker, Color Analyzer and other colorful goodies for your Chrome and Firefox. Ultimate Gradient Generator A powerful online Photoshop-like CSS gradient editor, image to CSS converter and much more Cha

These lovely water-colorful dots will make your designs pop...

There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the

Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

「omni group」のホームページでは、この他にも様々なステンシルやテンプレートなどオムニグラフを快適に使用できるファイルがたくさんあります。是非覗いてみてください。 注意 ファイル形式は、オムニグラフ3.0以降用の「.gstencil形式」です。 ※一部「.graffle」形式のものもあります。 オムニグラフ3.0以前のバージョンでは、ステンシルはパレットという名称でした。そのため、以前のバージョンでご利用になられている方はステンシルの拡張子を.gstencilから.graffleに変えていただく必要があります。 また、ファイルを置く場所も「個人フォルダ/ライブラリ(Library)/ApplicationSupport/OmniGraffle/パレット(Palettes)」となります。 ※オムニグラフ3.0以降のバージョンでは、両方の拡張子をそのままでご利用いただけます。 こ

インストール方法・使い方 インストール ダウンロードしたファイルを解凍し、出てきたスクリプトのファイル（拡張子は.js）を所定のフォルダにコピーするだけでOKです。 基本的にはハードディスク上のどこにおいてあってもIllustratorから呼び出すことができますが、メニューに個別のスクリプトがでるようにするには、アプリケーションのフォルダ内、「プリセット」フォルダの中にある「スクリプト」フォルダに置いてください。 フォルダの場所は環境・バージョンによって違いますが、たとえば、OSがWindowsでバージョンがCS2なら C:/Program Files/Adobe/Adobe Illustrator CS2/プリセット/スクリプト となります。場所が分からないときは、検索ツールで「スクリプト」という名前のフォルダを探してみてください。 使い方 Illustratorを起動し、スクリプトを適

これってどのくらい知られていることなんでしょうか。ググってもあまり出てこない話なのでまとめを書いてみるテスト。 画像をあつかうグラフィックソフトとして、Adobeのイラストレーター（Illustrator）やフォトショップ（PhotoShop）が有名です。アドビのソフトの多くはスクリプティングに対応していて、ちょこっとプログラミングをかじったことのある人なら比較的簡単にイラストレーターやフォトショップを自動操縦することができます。 先日、縦横サイズがバラバラの画像（数100点）をすべて同じ大きさにリサイズする作業をやることになりました。手作業で「ファイル開く」「リサイズする」「別名保存する」をひたすら心を無にして手を動かしてもいいんですが、途中で気が狂ってしまいそうな予感がしたので、このリサイズ処理を自動で行うスクリプトを書いて処理させてみました。このときの話をベースにして書きます。 ■A

metal.ize - tutoriales Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.CSSを使ってカッコいい円形メニューを作るサンプル。 次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。 尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。 HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。ＣＳＳをオフにすると次のようなリスト要素の見栄えになります。 Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。

Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and