2007年11月度のweb製作者向けベストエントリ27個まとめ part6
2008年01月28日 公開

11月はGoogleページランクの影響が世界的に出た月でしたね。
有料リンクについていろいろ議論されてました。
今回はすっかり忘れていたんですが、11月中に注目を集めたものをご紹介いたします。
トップ記事
gOS - Discover a good OS.

Googleが作ったわけではありませんが、非常に話題性の高いもの。
Linuxディストリビューションのひとつ。ubuntuベースのOS。
以下の濃厚レビューが参考になりますね。
gOSインストールと雑感 - ubuntu日記
SEO診断ツール Dipper β(ディッパー)-Septeni-

以下の診断を全自動で行ってくれるサービス。
・対象キーワードの自然検索での順位
・対象キーワードの検索結果数
・Googleページランク
・Yahoo!ディレクトリ登録の有無
・被リンク数
・インデックス数
・対象キーワードの出現頻度
・サイト構造
・ソース
・ドメイン取得年月日
UI-patterns.com

UI(ユーザーインターフェイス)のパターン集。
見ているだけでも勉強になりますね。
BlurHighlight

ウェブだけで画像の一部をハイライトできるウェブジェネレータ。
上のUIで使用した画像を試しにハイライトして見ました。
面白いサービスですね。
mixiやはてなにも対応--日本発のマッシュアップツール「Myremix」
掛け合わせるという技術を提供。
マッシュアップツールとして大きな反響がありました。
デザイン
For Webdesigners - 527 helpful links for webdesigners

英語が読めるウェブデザイナー・製作者を震撼させた超web屋向け便利リンク集。
User Interface Icons.com

かわいらしいアイコンが500個ほど。
商用・非商標どちらも利用が可能です。サイズも80x80や、32x32など揃っています。
Spice up your design with 56 Photoshop layer styles | Jayhan Loves Design & Japan

Photoshopのレイヤースタイル56個。
結構素敵なものが揃ってます。
煙のような効果のPhotoshopチュートリアル

英語ですが、ちょっといかした小技を学べます。
Fawnt - Top free fonts | Font - Archive | Blog Design and Webdesign

フォントのポータルサイト。すごい見やすいですね。
LogoTemplater.com - We create free blank logos templates designs and free vector art images. Creating logo templates in Adobe Illustrator EPS files for free.

商用でも無料で使える『ロゴ』のテンプレート。ベクターデータでダウンロードできます。
HEMA - online winkelen
『音に注意!』デザインというよりもアイデア力が勝っている。
ECサイトのようですが・・・。商品がもうすごいピタゴラスなことになります。
口で言うより見たほうが早いですが、音出ますのでご注意を。
flauntR- Free online photo editor with thousands of one click effects

ネタ帳エントリ。オンラインで画像の編集というのがすばらしい。
以下レビュー記事。
PhotoShopが無いときに激しく便利なオンライン画像編集サイト『flauntR』
ブログに使えるカレンダーデザインまとめ - DesignWalker

カレンダーデザインのまとめ。勉強になりますね。
ところで最近『っちゅうわけで』って言わなくなりましたね・・・。
悪気があったわけではないんですが><
あと、コメントしようとしても出来ないですよ、エラーでます><
Photoshop繰り返しの作業はアクション機能で効率化 - DesignWalker

これは便利!
ほとんどがウェブからの勉強なので、こんな機能は知りませんでした・・・。
ありがとうございます。
無料のPhotoshop用のグラデーション ファイル集 | コリス

Photoshopグラデーションファイルまとめ。すごい量です。
キュートでセクシーな女性のイラスト&シルエットの素材集 | コリス

キュートでセクシーな画像素材のまとめ。
ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
ネタ帳まとめ。
CSS/html
Free Layouts.com | Websites

CSS、HTML、画像がフルセットの圧縮ファイルでダウンロードできる。
勉強用にも使えますし、ちょっとした個人サイトを作るときにも役立ちます。
Free online web template generator

恐ろしく簡単にhtml/cssテンプレートを作れるウェブアプリケーション。時間をかければ、限られた範囲でオリジナリティの高いものもつくれます。
Ajax Javascript
JavaScript Library Archive

AjaxやJavascriptを普及させることを目的に運営されているようで、数多くのライブラリなどが紹介されています。
お勧め!
PopBox! - Javascript Image Magnification

画像を移動させたり、ズームさせたり、横に伸ばしたり、縮小させたり、いろいろやってしまうJavascriptライブラリ。
『10のJavaScript、Ajaxタブメニュー』他、タブまとめ

ネタ帳のまとめエントリ。
Sexy sliding JavaScript side bar menu using mootools at Andrew Sellick

作者本人がセクシーだというのですから、きっとセクシー。JavascriptとCSSでセクシーな動作をするメニューバーを構築できます。
Ajaxorized » 3d image reflection with javascript

反射Javascript+3Dをプラスしたライブラリ。
ただ、この表現をするためにprototype.jsを読み込まなければなりませんので、単品で使うのはどうかという疑問はあります。
PHP
jonasjohn.de: htmlSQL - a PHP class to query the web by an SQL like language

html要素をSQLのように抽出するPHP。
クロール技術を簡単にしてしまったような感じ。勝手マッシュアップの時に使えそうな感じですね。
ライセンスが・・・わかりません・・・。
レビュー記事:HTMLの要素をSQLのように取り出せるPHPのライブラリ『htmlSQL』 | IDEA*IDEA
マーケティング
バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) | SiMPLE*SiMPLE
これは勉強になりましたね。
広告過剰のウェブ時代だからこそ、原点に戻る、というものなんでしょうか。
SEOで失敗しない「サイト移転」マニュアル|αSEO(アルファSEO)
サイト移転の時に発生するSEO効果の減少を防ぐための、サーチエンジンに対して行うリダイレクトマニュアル。
今回は出張中につき、画像をkwoutを使って作りました。
結構便利ですねこれ。
画像は一度ダウンロードして使っています。そのまま相手サーバーの画像使って、向こうのサイトが閉鎖したら急に見れなくなるのも困りますので・・・。
トップ画像のソース
- Photographer
- TeeRish
- License
- Creative Commons (by-nc)
- Tool for photo selecting
- Gigazinize Tools - Image