【ハウツー】話題の高機能CMS「MODx」 を試す! - 導入からテンプレート作成まで (1) PHP＋MySQLの高機能CMS「MODx」とは? | ネット | マイコミジャーナル

http://journal.mycom.co.jp/articles/2007/10/29/modx/index.html
私も注目しているCMS「MODx」に関する記事です。

[JS]スムーズに切り替わるタブ型コンテンツ -Coda-Slider 1.1 | コリス

http://coliss.com/articles/build-websites/operation/javascript/572.html
タブを切り替えるとスライドしてコンテンツが現れます。jQueryのプラグイン。

100 Awesome High Resolution Photoshop Brushes

http://www.photoshoproadmap.com/Photoshop-blog/2007/10/25/100-awesome-high-resolution-photoshop-brushes/
Photoshopの高解像度ブラシ配布サイトのリンク集。

10 Awe-Inspiring Interactive Websites at You the Designer - Graphic Design Blog

http://youthedesigner.com/2007/10/29/10-awe-inspiring-interactive-websites/
インタラクションが参考になりそうなサイトを10個紹介。

●ひとこと

ごぶさたです。ハワイに行っていました。アラモアナショッピングセンターとカハラモールにアップルストアがありました。

私がWEB制作ネタを探している海外サイトベスト10*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-313.html
ネタ元サイトの紹介。わたしのネタ元はDigg、del.icio.us、はてなブックマークが主かな。それらを効率よく見られるサイトとしてQooqle Newsがおすすめ。

PhotoShopで美しいボタンを作るチュートリアル39個:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/photoshop39.html
Photoshopで美しいボタンを作るチュートリアルのリンク集サイトの紹介。ながめてるだけでも参考になります。

実用的なPHP用の正規表現ｘ８:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/php_84.html
メールアドレスチェックなどの正規表現のサンプルが掲載されているサイトの紹介。

アクセス解析サービス「Google Analytics」の新機能が発表

http://internet.watch.impress.co.jp/cda/news/2007/10/17/17205.html
Google Analyticsに自サイトから他のサイトへ張られたリンクのクリック数を追跡できる機能など新機能が追加されるそうです。また、Googleが買収したUrchinの新バージョンも発表されたんだとか。Urchinの機能もGoogle Analyticsに追いついてるのかな。

●ひとこと

「Mac OS X Leopard」は10月26日発売だそうですね。
ところで明日からしばらく旅行に出かけるため、更新が不定期になると思います。ご了承ください。

[JS]jQueryで動作するlightboxのプラグイン -jQuery lightBox plugin | コリス

http://coliss.com/articles/build-websites/operation/javascript/528.html
jQueryではLightboxの代わりにThickBoxがありましたが、エフェクトがなくてちょっと地味だったりしました。でも、このjQuery lightBox pluginを使えばLightBoxとほとんど同じ見せ方ができるというわけです。ステキ。

» 10 Javascript Accordion Scripts

http://tutorialblog.org/10-javascript-accordion-scripts/
JavaScriptによるアコーディオンメニューを10種紹介。

Googleカレンダーの予定リストをFirefoxサイドバーに表示させよう！ - GoogleMania | グーグルの便利な使い方

http://google-mania.net/archives/704
特殊なツールを使うわけじゃなくテキストエディタなどがあればできるようです。

●ひとこと

国立国会図書館のポータルサイト「国立国会図書館デジタルアーカイブポータル PORTA」が公開されたそうです。ユーザー登録するとソーシャルブックマーク機能が使えるんだとか。

図書館退屈男: 国立国会図書館がソーシャルブックマークを始めると誰が予想しえたのか。

有料リンクは是か非か？ find-jobとかエンジャパンとかネタフルとかまぐまぐとかウノウラボとか

http://neta.ywcafe.net/000780.html
SEOのための有料リンクはやめたほうがいいんじゃない、という話。

Zoho Sheet - Online Spreadsheets

http://sheet.zoho.com/
Web上でインタラクティブな表計算シートを作成、共有できるツール。自分のページに埋め込むことができるようです。

70+ JavaScript Resources for Every Web Developer

http://www.jasonbartholme.com/2007/10/12/70-javascript-resources-for-every-web-developer/
JavaScriptのチュートリアルやテクニック、ライブラリなどのリンク集。

高橋敦の「Macでいいじゃん！」第1回：MacでYouTubeから動画を保存したい - ITmedia +D PC USER

http://plusd.itmedia.co.jp/pcuser/articles/0710/15/news023.html
第1回ということで新連載のようです。

●ひとこと

iPod touchのすごさがフツーの人に受け入れられるには時間がかかるんじゃないかと思っていたけど、とりあえず売れているようですね。
iPod touch店頭販売開始で、iPodシリーズがベスト5独占 ビジネス-最新ニュース:IT-PLUS

[JS]iframeを使用したツールチップのスクリプト -IfrmToolTip.js | コリス

http://coliss.com/articles/build-websites/operation/javascript/524.html
iframeベースのツールチップ。普通にCSSのz-indexで最前面にツールチップを出すようなスクリプトの場合、WinのIEだとフォームのセレクトメニューなどのパーツの方が前面に出ちゃうという不具合がある。この場合、iframeを使ったツールチップだと大丈夫らしい。

あなたのデザインに刺激を与えるサイト30選『30+ Sites To Help Inspire Your Designs』 | CREAMU

http://blog.creamu.com/mt/2007/10/3030_sites_to_help_inspire_you.html
ネタ元のサイトではサムネイル付きで紹介されてます。ギャラリーサイトが多いですね。

検索キーワードを自サイト内検索に引き継ぐインターフェース | S i M P L E * S i M P L E

http://www.simplexsimple.com/archives/2007/10/post_57.html
技術的にどうやるかには触れてませんが、この手法はたしかにいいですね。

●ひとこと

「沢尻・亀田現象〜日本人と言う低俗民族〜」というブログ記事を読んでちょっと共感。「日本人として恥ずかしかった」という感覚って大切な気がする。
Nihilism　┐(ﾟ〜ﾟ)┌:沢尻・亀田現象〜日本人と言う低俗民族〜 - livedoor Blog（ブログ）

3分LifeHacking：iPod touchをビジネスで便利に使うためのオンラインサービス - ITmedia Biz.ID

http://www.itmedia.co.jp/bizid/articles/0710/11/news093.html
iPod touchでも使えるWebサービスの紹介。

Japan.internet.com 携帯・ワイヤレス - Mozilla、モバイル機器向け『Mobile Firefox』の開発に着手

http://japan.internet.com/allnet/20071012/12.html
iPone/iPod touchのSafariは好評のようですが、Firefoxのモバイル版開発の発表があったようです。

Going My Way: Amazon の検索結果で nn で次の検索結果、 pp で前の検索結果を表示可能

http://kengo.preston-net.com/archives/003395.shtml
あ、ほんとだ。これはちょっとした豆知識ですな。

●ひとこと

見ているうちに色が変わって見えたり消えたりする不思議な画像が紹介されていました。
書いてある物が消える画像:アルファルファモザイク

【ハウツー】"Adobeならでは"のリッチなファイル共有サービス「Share」を早速試す (1) Adobeが提供するファイル共有サービス「Share」 | エンタープライズ | マイコミジャーナル

http://journal.mycom.co.jp/articles/2007/10/11/share1/index.html
Web上でのファイル共有を実現するサービスなのですが、「簡単なHTMLタグにより、プレビューを他のWebページに埋め込むことができる」というのが面白そう。

シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/sizcons.html
定番ネタですがサイト制作に使えそうなアイコン集の紹介。16x16pixelと12x12pixel。

MOONGIFT: » XHTMLにも対応したWYSIWYGエディア「Whizzywig」:オープンソースを毎日紹介

http://www.moongift.jp/2007/10/whizzywig/
テキストエリアをHTMLオーサリングツール風にするソフトウェア。

●ひとこと

楽天が新社屋「楽天タワー」お披露目、なんだとか。「1階のエントランスホールと3階のミーティングスペースは、アートディレクターの佐藤可士和氏がクリエイティブデザインを担当」だって。
楽天が新社屋「楽天タワー」お披露目、無料化した「楽天食堂」など

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/htmljstableclot.html
これはよさそう。行がハイライトするのは簡単にできるけど、列もハイライトするのは以前探したけど見つからなかったのよね。

スタイリッシュなフォームをカスタマイズ＆ダウンロードできる『pForm』 | i d e a * i d e a

http://www.ideaxidea.com/archives/2007/10/pform.html
これもよさそう。見た目がスタイリッシュというだけでなく、カレンダーでの日付入力など機能も充実してそう。

Webサイトは近いうちになくなる--インターネットへのアクセス方法の変化:リサーチ - CNET Japan

http://japan.cnet.com/research/column/webreport/story/0,3800075674,20358164,00.htm
「データを公開し、ユーザを集め、広告を取る、といったモデルは破綻に近づいていくのではないだろうか」というのは同感。

ウノウラボ Unoh Labs: Ext.js入門: Grid編

http://labs.unoh.net/2007/10/extjs_grid.html
Webアプリケーションを構築するためのJavaScriptフレームワークExt.jsの使い方の解説。

●ひとこと

ZEROProxy というソフトを使うと、無線LANインターフェイスを持つスマートフォンの通信回線を使って、iPod touchなど無線LANは使えるけど自前で電話回線を持たない機器をネット接続できるらしい。iPod touchもそうだけど、スマートフォンに接続できないMacBookでネット利用することもできるね。
Desire for wealth : iPod touch のブラウザがどこでも使える ZEROProxy と田村ゆかりの関係
さくらぷらすα日記 - Advanced／W-ZERO3 [es]とZEROProxyでどこでもiPod touchでネットする。
So-net blog:写真日記:iPod touchをどこでもネットワークに繋ぐ方..

More than 100 Web 2.0 Online Generators

http://www.ifxplus.com/post/More-than-100-Web-20-Online-Generators.aspx
オンラインジェネレーターの数々をカテゴリごとに紹介。数が膨大。

Nitram+Nunca › ２分の１ピクセルの輪郭線

http://nitram-nunca.com/jp/2007/10/07/halfpixelshape-icondrawing/
どんな色の背景にもマッチするアイコンを作るための境界線の描き方について。

43 Exceptionally Useful AJAX Applications > Design Vitality

http://www.designvitality.com/blog/2007/10/43-exceptionally-useful-ajax-applications/
ありがちですが、Ajaxのライブラリなどのリンク集。

WEB制作者の為のベストエントリ38個まとめ-part4*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-306.html
2007年9月度のWEB制作者向けベストエントリまとめ

Digital Web Magazine - jQuery Crash Course

http://www.digital-web.com/articles/jquery_crash_course/
有名JavaScriptライブラリjQueryについて実例付きで紹介している。

●ひとこと

「iPod touchとiPhoneは日本のモバイル市場の未来を破壊する」というiPod touch（とiPhone）のSafariを絶賛する記事が興味深い。日本のケータイはメール端末だから（女子高生などに）メインマシンとして iPhoneが受け入れられるのは難しいと思うけどね（文字入力はキーでしたいでしょう）。
らばQ : iPod touchとiPhoneは日本のモバイル市場の未来を破壊する

今回のmixiのリニューアルについて - 専門家に聞く [All About プロファイル]

http://profile.allabout.co.jp/ask/qa_detail.php/6863
mixiのリニューアルが不評のようです。ところでこの「All About プロファイル」というのは初めて見た。

Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法

http://travel-lab.info/tech/pblog/article.php?id=157
Safari on iPhone/iPod touchのためにmeta要素のviewport属性というのがあるんだとか。

創造性あふれる404エラーページを作ろう＆参考になる404ページ紹介 | Web担当者Forum

http://web-tan.forum.impressrd.jp/e/2007/10/04/1985
ちょっと変わった404エラーページの例を紹介。

●ひとこと

Outlookより高性能なPIMソフトウェアをオープンソースで開発することを目指しているというChandlerというソフトが「普通に利用しても信頼できる程度に安定した」んだとか。見た目はなかなかよさそう。
Chandler Project - Welcome

Floatutorial: Step by step CSS float tutorial

http://css.maxdesign.com.au/floatutorial/?
CSSのフロートを使った各種レイアウトの作り方をステップバイステップで紹介するチュートリアル。

[JS]フラッシュっぽい動きをするスクリプト6種 -chromaSYNTHETIC | コリス

http://coliss.com/articles/build-websites/operation/javascript/496.html
JavaScriptライブラリmootoolsのプラグインの紹介。この近辺のエントリーもmootoolsがらみのものが多いですね。

Blockquote Examples by CSS-Tricks

http://css-tricks.com/examples/Blockquotes/
引用（Blockquote）部分のCSSデザインサンプル集。

ADP: 負のマージンとSafariの話

http://adp.daa.jp/archives/000641.html
縦方向にマイナスのmargin（margin-topまたはmargin-bottom）を指定したときのSafariの不具合について。ちょっと特殊なケースのようですが。

●ひとこと

新聞社のこれからのビジネス展開について書かれた《三紙連合「ANY」の成功の可能性とは》という記事が興味深かった。
三紙連合「ANY」の成功の可能性とは：佐々木俊尚　ジャーナリストの視点 - CNET Japan

Google Maps入門

http://www.ajaxtower.jp/googlemaps/
Google Maps APIバージョン2を使ったGoogle Mapsの利用方法の解説。

375 Free Photoshop Brushes » Brown Thoughts

http://www.brownbaron.com/blog/2007/10/04/375-free-photoshop-brushes/
フリーのPhotoshopブラシ配布サイトのリンク集。

CSS開発に使える「Free CSS Toolbox」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/cssfree_css_too.html
CSS開発のためのWindowsアプリケーションの紹介。

無料のアイコン配布サイト50を書いたデザイナー向けのブログ『DezinerFolio』*ホームページを作る人のネタ帳

http://e0166.blog89.fc2.com/blog-entry-301.html
「無料で使えるアイコンサイト50」という記事を紹介しつつ、そのブログ自体を紹介しています。

TableとCSSいろいろ - DesignWalker

http://www.designwalker.com/2007/10/table-css.html
CSSできれいにデザインされた表組みいろいろ。

●ひとこと

毎日ｊｐにティム・オライリーのインタビュー記事が載っていました。それはそうと、毎日ｊｐのｊｐが全角なところがさすが新聞社といったところ。
ティム・オライリー：ＷＥＢ２．０提唱者に聞く----独占インタビュー - 毎日ｊｐ(毎日新聞)

Browser Tests, Services and Compatibility Test Suites | Developer's Toolbox

http://www.smashingmagazine.com/2007/10/02/browser-tests-services-and-compatibility-test-suites/
ブラウザテストがらみのネタ。複数バージョンのIE、Safariを使用する方法や、ブラウザごとのスクリーンキャプチャーを撮ってくれるオンラインツールなどを紹介。

SEOツール：検索エンジン対策総合ツール「DoctorSEO」 | SEO診察室

http://www.doctorseo.jp/seotool/index.html
30種類以上のSEOツールを無料で公開中。

「◯◯したい」で探せるFirefoxエクステンション逆引き200選『200+ extremely useful firefox extensions that save time and effort.』 | CREAMU

http://blog.creamu.com/mt/2007/10/firefox200200_extremely_useful.html
Firefoxエクステンション逆引き200選（英文）から一部紹介。

サイトでグラフを使いたい時に使えるまとめ - DesignWalker

http://www.designwalker.com/2007/10/graph-design.html
CSSでグラフを作る方法のほか、Illustratorでのグラフ作成チュートリアルも。

-

●ひとこと

「今後10年間のウェブ潮流を10の要素からひもとく」というコラムがありました。「アテンション経済」という言葉はこれからはやりそう。
今後10年間のウェブ潮流を10の要素からひもとく:コラム - CNET Japan

オンラインで簡単にフォームが作成できる -wufoo.com | コリス

http://coliss.com/articles/web-services/478.html
オンラインでフォームの作成、運用ができるサイトの紹介。この手のサイトってちゃんとやれば結構需要はあると思う。

凄い！オンラインで内容を保ったまま画像のリサイズ等を行える「resizr」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/resizr.html
これって以前取り上げたSeam Carving技術ってのを使ってるんですね。
↓Seam Carving技術については以下参照
秋元@サイボウズラボ・プログラマー・ブログ: Seam Carving - 自然な画像リサイズを動的に行なうソフトウェア
http://labs.cybozu.co.jp/blog/akky/archives/2007/08/seam-carving.html
秋元@サイボウズラボ・プログラマー・ブログ: resizr - Seam Carving(シーム・カービング)のネットサービス実装
http://labs.cybozu.co.jp/blog/akky/archives/2007/09/resizr-seam-carving.html

Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」:phpspot開発日誌

http://phpspot.org/blog/archives/2007/10/flashjsfitflash.html
最小の高さ、幅を設定しておけばそれ以上小さくはならないそうです。

●ひとこと

毎日jpとMSN産経がスタートしたり、朝日・日経・読売が業務提携したり（共同ポータルサイトを作るらしい）動きが活発な新聞社サイトについて、「新聞社サイトの囲い込み競争」という記事が。たしかに新聞社サイトの記事は無期限に同じURLで残して欲しいよね。
池田信夫 blog 新聞社サイトの囲い込み競争

検索エンジンが順位を決める53の要因（39人のSEOプロが評価した重要度とコメント付き） | Web担当者Forum

http://web-tan.forum.impressrd.jp/e/2007/10/01/1289
Googleの順位決定の要因について、専門家の投票を元にランク付け。複数の人の意見が読めてためになる。

Ultimate Photoshop Design Resources

http://www.marcofolio.net/photoshop/ultimate_photoshop_design_resources.html
Photoshop使いに役立つサイトをカテゴリ別にまとめたリンク集。

Free Vector Graphics at Web Design Blog

http://www.garcya.us/blog/free-vector-graphics/
フリーのベクターグラフィックを大量にダウンロードできる。

[N] アイコン・ファビコンを作成するサイト20

http://netafull.net/lifehack/022164.html
アイコンやfavicon（ファブアイコン・ファビコン）などのグラフィクスを作成することができるサイトのまとめ。

●ひとこと

「Mac OS X Leopard 発売日は10月19日金と予想」という記事が。もう出るんだ…？。
|M|E|T|A|M|i|X| Mac OS X Leopard 発売日は10月19日金と予想

高木浩光＠自宅の日記 - 緑シグナルが点灯しないのに誰も気にしていない？という不思議, 追記

http://takagi-hiromitsu.jp/diary/20070930.html
金融機関のフィッシング対策ソフトの導入動向についての話。

80+ Free 2-Column Website Templates

http://mashable.com/2007/09/29/2-column-website-templates/
2カラムのWebデザインテンプレート集。

初めてのプログラミング体験まとめ（Ruby on Rails編）：小鳥ピヨピヨ(a cheeping little bird)

http://coolsummer.typepad.com/kotori/2007/09/post-35.html
「Ruby on Rails」を使って初めてプログラミングした人の復習レポ。長いです。

●ひとこと

日本でWiiの勢いが失速気味という話題がありました。その中の「日本の狭いリビングでは、数人でWiiの体感ゲームを遊ぼうと思うと、テーブルをどけて場所を空ける必要も出てくるでしょう」というのに共感。たしかにね。
かさぶた。 Wii失速で見えてきた据置ゲーム機衰退の可能性