破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::
Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
画像が簡単にできるジェネレーターいろいろ :: Love & Design ::
ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れるジェネレーター Web2.0 Logo Creator by Alex P Web2.0 っぽいロゴ E-Zombie.com ゾンビがロゴを作ってくれる Vinyl Record Generator 誰でもレコードが作れるジェネレータ。音楽好きの方はぜひ。 Create Fake Magazine's covers 海外の新聞・雑誌風 どうぞご利用ください。
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
クールなスライドショー作成用Javascriptライブラリ:phpspot開発日誌
mooShow 0.03 Beta . Javascript Slideshow based on moo.fx mooShow is a simple javascript/css slide show based on moo.fx the superlightweight javascript effects library, written with prototype.js. From Mad4milk, Rome. mooShowは、moo.fxライブラリを使った動くスライドショー作成用ライブラリ。 Flashを使ったみたく、かなりカッコいいスライドショーが作れるようです。 フォトアルバム用アプリなんかで、スライドショー機能を組み込む場合等に使えそうですね。 関連エントリ： Javascriptを多様したクールなWebアプリ:mOOflex
ブラウザによる見え方の違いをチェック | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65％が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。（もうすっかりはてなっ子） CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの
アートの学生にGNU/Linuxを - SourceForge.JP Magazine
私はアート系の学部で教える一介の教師だが、前学期から胸躍る冒険の旅に出ている。というのは、ディジタル・メディア・ラボにあるほぼすべてのMacintoshからMac OS Xを削除し、Ubuntuをインストールしたのだ。 ソフトウェアを入れ替えようかと真剣に検討し始めたのは昨年度のことだ。今出回っているフリーソフトウェア・プログラムであれば、私のクラスの学生には十分だということがわかったからである。アート系学部の学生も、PhotoshopやQuarkXpressやDreamweaverのようなプロプライエタリ・プログラムではなく、GIMPやScribusやQuanta Plusといったフリーソフトウェア・プログラムを学ぶ時代になったと考えたのである。 ディストリビューションとアプリケーションの選定 まず検討したのは、GNU/Linuxのディストリビューションである。一クラス分の学生たちが毎日
角丸テーブル簡単作成ツール
角の丸いテーブルの作成ツール。 画像あり、画像なしのパターンを選択でき、 角のデザインなども自由にカスタマイズできます。 [ 画像あり版 - 画像なし版 ]
Ajaxなフォームビルダー集:phpspot開発日誌
Ajaxian Attack of the Ajax form builders Ajax form builders are all the rage lately, so here’s a quick roundup of three of the players in this space. Ajaxなフォームビルダー集。 WEB上で簡単にフォームを作成できるフォームビルダーがいくつか紹介されています。 フォーム作成は結構面倒だったりしますがこういったものを使えば専用ソフト起動なしにクイックにフォーム作成が可能で開発効率が向上するでしょう。 -FormBuilder -JotForm -Wufoo
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
スタイルシート生成ページ
サイドメニューの折りたたみ（v4.0） └ test1 07/03 └ test2 08/11 └ test3 09/25 Firefox・Netscapeで連続した半角文字を折り返す └ test1 09/27 └ test2 09/27 └ test3 09/27 このページで公開テンプレートのスタイルシート（styles-site.css）の配色を変更することができます。 下記のフォームのそれぞれの項目について配色（RGB値または色の名前）を設定し、「配色を確認する」をクリックと、このページの配色が指定したスタイルに変わります。 配色が決まったら「CSSを生成する」をクリックしてください。設定が反映されたスタイルシートが下のテキストエリアに生成されます。 「設定を全て戻す」をクリックするとデフォルトの設定状態に戻ります。 カラム横の背景 *固定カラム/1カラムのみ有効 背景 *エント
WEBデザインツール：カラーパレットを自動作成するサイト数々：Goodpic
This shop will be powered by Are you the store owner? Log in here
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その１
http://www.ito-syoji.co.jp/tips-dtp-trace.html
ウェブデザイン向け定規とグリッド | 秋元@サイボウズラボ・プログラマー・ブログ
Buttonator
Online Diagram Software - Gliffy