ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
商用利用も無料、ウェブ用のエレメント・ページレイアウト・アイコンのPSD素材の配布サイト -design deck
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
これは便利！誰でも簡単にグラフを描けるAPIがGoogleから登場！『Google Charts』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ
ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容
シンプルな背景パターン画像を作成する無料サービス「Background Image Maker」
斜め線や平行線、ドットやグラデーションのパターンのもととなる背景画像を簡単にサクサク作成できる無料サービスです。線と線の間隔や色、背景色、透過するかどうかなどを指定することで、お好みのパターンが作成できます。 Background Image Maker http://lab.rails2u.com/bgmaker/ 条件を指定してから「Make」をクリックすれば右側にサンプルが出てくるので、気に入ったパターンが生成されたら「URL」に表示されているアドレスをコピーして、ブラウザのアドレスバーに貼り付けて表示すれば、元になる画像が表示されます。あとはそれをダウンロードすれば完了。 繰り返しパターンの画像というのは慣れている人はすぐに作成できますが、それでもいろいろな種類をドンドン作るというのはかなり繁雑な作業の繰り返しになるので、こういったサービスは助かります。
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
PositLog - Redrawing the Web
[Login] Project page: https://github.com/canal874/positlog Preferred language[English] [Japanese] フォーラム（コメント・バグ報告など） Copyright (c) 2006-2008 Hidekazu Kubota All rights reserved hidekazu.kubota@gmail.com News! 2009/10/9 進化版の Crowkeeプロジェクト（動的コンテンツの開発を可能とするWebアプリケーション）で、2008年度下期未踏本体スーパークリエータに認定されました． サイトのページ一覧 便利な使い方 ロードマップ 次のマイナーアップデート予定 サイトの更新情報 FAQ PositLog redrawing the Web 機能の詳細 マニュアル PositLogとは
[ws] Color Scheme Generator 2
Brand New Version Available & Moved! The Color Scheme Designer application has been moved to its own domain: http://ColorSchemeDesigner.com Please update your bookmarks. Newest version: http://colorschemedesigner.com Previous version list: http://colorschemedesigner.com/previous Nová verze & Přesunuto! Aplikace Color Scheme Designer byla přesunuta na svou vlastní doménu: http://ColorSchemeDesigner
Ajaxload - Ajax loading gif generator
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"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳
The Generator Blog
http://e0166nt.com/blog-entry-148.html
デザインと広告のデザインマガジン【Key Person Q】 Webデザイン Webデザイナー -Webデザイン Webデザイナー FLASH 広告 優れたデザイン-