WEB制作者の為のベストエントリ38個まとめ-part4
2007年10月09日 公開
今月もまとめてしまいました。
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)