WEB制作者の為のベストエントリ38個まとめ-part4

今月もまとめてしまいました。
2007年9月度のWEB制作者向けベストエントリまとめです。

ライブラリ・WEBツール

FancyForm - Javascript checkbox replacement

チェックボックスをオシャレに変換する。
見飽きたチェックボックスを変更するだけで、少し違った印象を与える事が出来るかも？
（前に紹介した気もしますが念のため）


Popular Online Generators | Tech Magazine

過去に話題になったWEB2.0系の画像を自動生成するWEBジェネレータまとめ。


アップした写真をお洒落に見せるJavaScript

写真風に自動変換してくれる便利なJavaScriptライブラリ。


Gigazinize: あなたのブログ，GIGAZINEのようにします

自動でブログ文章に見合った画像を探してくるサービス。
後継のGigazinize Tools - Image: Making up your Blog（あなたのブログに選りすぐりのスパイスを）が、激しくお勧め。


Styling File Inputs with CSS and the DOM // ShaunInman.com

フォームをオシャレにするJavaScript。
si.files.jsを外部読み込みして
<label class="cabinet" >
<input type="file" class="file" />
</label>
非常に簡単で便利。


Photo Slider Tutorial

Photo Sliderライブラリ。
滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。


CSS Menu Generator

サイト作成には必需品とも言えるメニューをオンラインで作成してくれるジェネレータ。


Cool Text: Logo and Graphics Generator

クールなロゴを手軽に生成できるWEBジェネレータ。
当然と言えばそれまでですが、日本語が対応していないのが残念。


How to create VISTA style toolbar with CSS

ウェブサイトにVista風ナビゲーションバーの実装。


prototype.js使用のまとめ
英語のみでわかりにくい為、紹介しようか非常に悩んだんですが、有用なものが多いので一応ご紹介。
prototype.js使用のJavaScript一覧。
↓追記：こちらで詳しく書いてありました。
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌


Free online web template generator

フリーのウェブサイト作成ジェネレータ。
レビューはこちらで。


777 + Ajax/Javascript/Dhtml examples and demos to download

750を超えるAjaxの宝庫。
このサイトがまだ35＋のときからずっとお世話になっていたのですが、いつの間にか今777＋になってます。
これからもどんどん増えていくと思いますね。


テーブルをソートできるようにするjsライブラリ-table sorting[to-R]
解説付きなので、紹介元を掲載しています。
非常にわかりやすく、便利そうですね。


角を丸めるjavascript「Nifty Corners Cube」
画像の角を丸めるJavaScriptの使い方です。


サイト内で使われていないCSSの検索サービス
ステップ１に、CSS本体のURLを入力。
ステップ2に、検索したいページを全て入力。
これで未使用のCSSを抽出してくれます。CSSの肥大化防止に。

デザイン

60 Advanced Adobe Photoshop Tutorials

PhotoShopの様々な『技』のチュートリアル60。
これは見逃せません。書店で売っている本を買う前に一度目を通しておくべきエントリ。


Photoshop Filters-Filter Factory

PhotoShopのフィルタプラグインが大量にあります。


Photoshop Text Effects Round-Up: 51 Text Effect Tutorials Every Designer Should See > Design Vitality

PhotoShopの素敵なテキストエフェクトが51個あります。
手軽にテキストをクールに変換できますね。


18 Essential Photoshop Tutorials for Blogger | The Tao of Blogging to Wealth

ブロガーの為のPhotoShopチュートリアルまとめ。
英語が苦手な方はこちらも参考に。
phpspot開発日誌


Photoshopで人物の髪の毛を切り抜く

過去に何度かこういう作業をする事がありましたが、髪はほんと難しい。
これは見ておいて損はありませんね。


Photoshopを便利にする30のショートカット
以前このエントリを紹介だけした私と違い、完全翻訳してくれているベストエントリ。
素敵です。


40+ Free One-Column Website Templates

1カラムのWEBサイト用、フリーテンプレート集。40選。


80+ Free 2-Column Website Templates

2カラムのＷＥＢサイト用、フリーテンプレート集。80選。


Squidfingers / Patterns

背景画像として使えそうなものが満載のサイト。
現在150枚以上あります。書店で初心者の為の・・・と言う名の本によく入ってそうな背景集。

FLASH

KASHIWA SATO ||| 佐藤可士和

デザイナー佐藤可士和氏のサイト。
FLASHによるサイトはやはり賛否はあるものの、勉強になるところはあります。


FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications

フリーで使える高機能グラフジェネレータ。
ＦＬＡＳＨで動作するわけですが、これがフリーというのは本当にすごい。
ＸＭＬと連動して動く為、各種様々なプログラムと合わせて、動的に使うことも可能。
・ギャラリー
・ダウンロード


Fight For Kisses //// Wilkinson

ＦＬＡＳＨによる髭剃りのプロモーション。
あまりのクオリティの高さに噴出しました。
絵は、赤ちゃんが修行中の画像。おもちゃでかわら割りしてます。

フリーフォント

Free Fonts of the Month: Revalo, Nadia Serif, Qlassik | Fonts

一風変わったオシャレフォントまとめ。
商用利用が可能なフリーフォントです。


Devlounge | 30 Fonts You Want to Have

30個のフリーフォントまとめ。
2007年9月はフォントが多いこと・・・。


ストリート系のかっこいいフリーフォント
ちょっといかしたフリーフォント集。

WEB開発

HTML/XHTML Character Entities : HTML.SU

HTML及びXHTMLで使える文字実態参照一覧。
ドリームウィーバーでは＆と打てば一覧ででますが、印刷しておけば便利かも？


無料で、ウェブサイトやロゴをPSD付きのテンプレートで配布するサイト
ちょっと変わったサービスですね。


小粋空間: Movable Type プラグイン一覧（MT4対応）
ムーバブルタイプを使っている人必読エントリ。


日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎
このブログでもよく登場するprototype.jsとか一体何？という人向けの記事。


ロボット投稿型スパムをさくっと防ぐ超簡単な方法
とても簡単な方法でスパムの攻撃を回避する方法です。


Apache入門
こういう本があってもおかしくないほどのでき。
サーバーとして最も普及しているApacheの解説です。


国内60サイトに1サイトがブラウザによっては表示されない可能性
ブラウザー問題の話題。
ブラウザが違うことで、60サイト中１サイトが表示されないと言う指摘。


あなたのWordｐｒｅｓｓ（ワードプレス）をより安全に作るための6つの方法*ホームページを作る人のネタ帳
私のエントリ。

---

このサイトのトップ画像に関する情報。
Photographer: melinka
License: Creative Commons (by-sa)