Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

PhotoShopは確かに便利なサイトですがメモリを食って動作が悪くなるのが難点です。（メモリが少ないもので…）そこで私がブログにスクリーンショットを掲載する際に利用しているのが上記のサイトです。ブラウザ上で自由に画像をトリミングできます。フリーソフトをいちいちダウンロードする必要もないので便利なサイトです。先日紹介した「FireFox拡張機能スクリーンショットをワンクリックで画像形式に保存する方法」との合わせ技でPhotoShopを立ち上げずにブログに画像を掲載することが可能です。

画像のサイズを変更するくらいならもうPhotosopは立ち上げる必要なし。こんな手軽で便利なサービスがFC2から提供されてました。画像をリサイズするフリーソフトなどは結構ありますが、幅を指定したら縦もその比率に合わしてしまうものが多い中、幅も縦も自分でサイズを指定できるところが便利です。私もこのBlogで画像を掲載する際には利用させてもらってます。

今度はCSSメニューのジェネレーターです。これも様々なところで使えそうなジェネレーターですね。

これまた便利なボタンジェネレーターです。ジェネレーターはもはやweb制作には必須になってきました。

顔のパーツを選んで似顔絵を簡単に作成できます。最近mixiなんかで、この似顔絵メーカーで作られたであろうプロフィール画像をやたらと見かけますが…私も実際作成し、できたものをイラストレータートレースして自分のポートフォリオサイトに掲載しています。

日本語には対応していませんが、これは便利ですね。わざわざ作る必要もないですからね。

素材の無料配布サイトは結構あるんですが、なかなか良質なサイトにめぐり合えないのですが、このサイトは懐深いです。良質な素材を手に入れてWeb制作に活かすことが出来ます。

海外のサイトですが、角丸があっという間に作成できるジェネレーターです。デスクトップにある画像など選択するだけで上記のような角丸が作成できます。角丸のＲや画像のサイズなども調整できます。

海外のサイトですが、ボタンを自動的に作成してくれるジェネレーターです。利用するには会員登録が必要ですが、メールとパスワードさえ入力すれば非常に簡単にボタンを作成してくれます。このサイトの右にあるボタンもこのジェネレーターで作成しました。この他にも様々なジェネレーターがあるようですね。また紹介します。

角丸を作ってサイトに公開したいときに便利なサイト。HTMLとCSSを書き出してくれるからコピー＆ペーストすればＯＫ。厳密には四隅の角丸画像を作成してくれるという感じ。

Web2.0と言われ随分たちましたが、この手のサイトはその当時結構見かけました。やっぱりクールな感じがしますね。とりあえずブックマークと。