hacotips

PNG画像を綺麗に圧縮する「punypng」

haco — Thu, 10 Sep 2009 08:24:57 +0000

PNG画像をウェブ上で綺麗に圧縮する「punypng」を紹介いたします。
画像ファイルを劣化させずに綺麗な印象のまま圧縮して、ファイルサイズを落とすサービスです。

対応フォーマットは、PNG, JPG, GIF, アニメーションGIF（５００KBまで）となっています。
さくさく動く美しいサイトを作る際に便利そうです！

詳しくは、こちらから

punypng – PNG Image Optimization and Compression – Gracepoint After Five

3Dテキストで光彩のかかったイメージを作成するチュートリアル

haco — Wed, 09 Sep 2009 02:33:22 +0000

psdtuts+にて、３Dテキストで光彩のかかったイメージを作成するチュートリアルが紹介されていました。
光をイメージした画像は最近多く見かけるので、試してみたい方は是非。

最終のイメージはこんな風になります。
是非、ご覧ください。

パート１
 パート２

ポートフォリオサイト「FolioFocus」

haco — Tue, 08 Sep 2009 03:41:16 +0000

海外のホームページのポートフォリオサイト「FolioFocus」では、今時の海外のwebデザインが紹介されています。

洗練されたデザインを、是非体感してください。

Folio Focus | Web Design Gallery of the Best Portfolio Sites

自分の手書きフォントが簡単にできる「fontcapture」

haco — Mon, 31 Aug 2009 07:36:08 +0000

無料で自分の手書きフォントが作れる海外サービスが、 IDEA*IDEA ～百式管理人のライフハックブログにて、紹介されておりましたので、紹介致します。

詳しくは、こちらからどうぞ。
無料かつ会員登録不要で自分の手書きフォントが作れるという『fontcapture』を試してみた件 – IDEA*IDEA ～百式管理人のライフハックブログ

JSなwiswigエディタ＋

haco — Tue, 04 Aug 2009 02:41:08 +0000

javascriptを利用したwiswigなエディタは数多くありますが、まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌にて紹介されていたものを紹介いたします。

Free Rich Text Editor
OfficeスタイルのリッチなＷＹＳＩＷＹＧエディター

SPAW Editor
ＵＩが美しいタブ付きＷＹＳＩＷＹＧエディタ

prototype.jsでクロスブラウザなWYSIWIGエディタ

詳しくは、下記をご覧ください。
まだまだあったJavaScript製のWYSIWYGエディタコンプリート:phpspot開発日誌

スモーク（煙）ブラシセット

haco — Tue, 04 Aug 2009 02:30:26 +0000

スモーク（煙）ブラシセットがSmoke Brush Set – Psdtuts+にて無料で公開されています。
ふわふわした煙のブラシは、いろんな用途に使えそうですね。

ダウンロードはこちらから
Smoke Brush Set – Psdtuts+

グラデーションメッシュツールを使って雲を描くチュートリアル

haco — Wed, 29 Jul 2009 10:38:09 +0000

グラデーションメッシュツールを使って雲を描くチュートリアルがHow to Create Vector Clouds with the Gradient Mesh Tool – Vectortuts+にて公開されています。
是非一度、ご覧くださいませ。

こんな感じです。
詳しくは、本家をご覧ください。

How to Create Vector Clouds with the Gradient Mesh Tool – Vectortuts+

イラストレーターでモレスキンノート風のアイコンを作るチュートリアル

haco — Wed, 29 Jul 2009 10:14:25 +0000

イラストレーターでモレスキンノート風のアイコンを作るチュートリアルが、How to Create a Vector Sketchbook – Vectortuts+にて紹介されていました。意外と使えるのでは・・？

こんな感じでできあがっていきます！

How to Create a Vector Sketchbook – Vectortuts+

どんなフォントでもスケッチ風にできるチュートリアル

haco — Wed, 29 Jul 2009 10:00:23 +0000

どんなフォントでもスケッチ風にできるチュートリアルがTurn Any Font Into a Sketch Font in Illustrator | Vectipsにて公開されていました。
スケッチ風のフォントも配布や販売されていますが、このフォントをスケッチ風に！っていう時ありますよねー。

詳しくは、こちらから。
Turn Any Font Into a Sketch Font in Illustrator | Vectips

とってもシンプルなウェブベースなチャットシステム作成のチュートリアル

haco — Mon, 27 Jul 2009 08:27:37 +0000

PHP, jQuery, MySQL, CSSでつくるとってもシンプルなチャットアプリケーションが、How to Create A Simple Web-based Chat Application – Nettuts+にて紹介されています。

ソースや、作成チュートリアルもついていますので、ご覧になってみてはいかがでしょうか。

詳細はこちらから。
How to Create A Simple Web-based Chat Application – Nettuts+