gihyo.jpサイトのロゴ

週刊Webテク通信

2009年6月第2週号1位は、シングルページWebサイトデザイン／気になるネタは、Amazon Kindle DXレビュー

2009-06-18

ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年6月8日～6月14日の間に見つけた記事のベスト5です。

1. 88 Single Page Website Designs For Design Inspiration | Showcases | instantShifthttp://www.instantshift.com/2009/06/10/88-single-page-website-designs-for-design-inspiration/

1ページで完結しているWebサイトが多数紹介されています。

ページ遷移なしにモーダルウィンドウやページ内スクロールなどで作品を見せていくポートフォリオサイトをよく見かけますが、この手の表現が結構はやっているようです。

Flashサイトも紹介されていますが、Flashなら1ページ完結も当たり前という気もします。しかし、Ajaxを使えばページ遷移なしでいくらでもコンテンツを展開できるので同じですよね。ユーザーの使い勝手やメンテナンスのしやすさ、個別のURLが必要かなどを考えて、ページ分けするか1ページで完結するかを選べばいいのでしょう。

日本の制作会社、株式会社 スタジオ イー・スペースのサイトも取り上げられていますね。

図1　タイトルと画面ダンプだけのシンプルなリンク集です
図1　タイトルと画面ダンプだけのシンプルなリンク集です

2. JQuery: Die 22 besten Modal - Fenster Plugins | BLOGRAMMIERERhttp://www.blogrammierer.de/jquery-die-22-besten-modal-fenster-plugins/

Lightboxのようなモーダルウィンドウを開くjQueryのプラグインをまとめています。画像を表示するだけのものから、動画やFlash、iframeやHTMLを表示できるものなど機能はまちまちです。

しかし、この記事にはなんの解説もないので、それぞれのサイトに行かないと何ができるのかわかりません。キャプチャー画像も小さいので、それぞれの特長もわかりにくいです。もっとも、ドイツ語のサイトなので、解説が書いてあっても読めなさそうですが。

そういった残念なところもある記事ですが、Lightbox風スクリプトをこれだけ集めて紹介しているのは今まで見たことがありません。jQueryプラグインだけでこんなにあるというのも驚きです。

ちなみに、個人的にはnyroModalがシンプルかつ高機能で気に入っています。

図2　デモページをすぐに見られるリンクもあります
図2　デモページをすぐに見られるリンクもあります

3. 15 Effective Tips and Tricks from the Masters of CSS | Noupehttp://www.noupe.com/css/15-effective-tips-and-tricks-from-the-masters-of-css.html

CSSの達人による効果的なテクニックが紹介されています。作者の名前を前面に出してテクニックを紹介するという切り口ですね。

コメント欄では、○○さんはCSSの達人ではないという意見が出てきて、それに対して有名サイトの人が反論、さらに本人が謙虚にCSSの達人に選ばれて光栄だと発言したりとなかなか面白い展開を見せていました。

4. CMS Showcase Galleries - Webdesign Gallery Week | Mogdesignhttp://mogdesign.eu/blog/cms-showcase-galleries-webdesign-gallery-week/

様々なCMSのデザインギャラリーサイトのリンク集です。

Drupal、Joomla、MODxといったCMSのほか、WordPress、MovableType、Bloggerなどのブログシステムも取り上げられています。

それぞれのCMSでどのようなサイトが作れるかの参考になりそうですし、単純にサイトデザインのギャラリーとしても使えそうです。

また、各CMS／ブログシステム用のダウンロードして使えるテーマ（テンプレート）ファイルのギャラリーもありますので、そういったものを探している人にも役立つでしょう。

図3　CMSにしぼったWebサイトデザインギャラリーの紹介です
図3　CMSにしぼったWebサイトデザインギャラリーの紹介です

5. Popular Design Blogs Share Their Stats - Freelance Web Design Belfast Northern Ireland - Lee Munroehttp://www.leemunroe.com/design-blog-stats/

このコーナーでよく取り上げている「Smashing Magazine」や「Web Designer Depot」などの有名デザイン系ブログに、アクセス解析情報に関するアンケートをとった結果が発表されています。

アンケートの内容は、以下のようなものです。

  1. アクセスの多い曜日と少ない曜日
  2. ユーザーのブラウザシェア
  3. IE6ユーザーの割合
  4. 最も多いユーザー画面サイズ
  5. 検索ワードベスト3
  6. 参照元ベスト3
  7. 変わった検索ワード
  8. 最もアクセスの多いエントリー

Webデザインに関するブログなのでユーザーは偏っているはずですし、日本とも状況が違うでしょうが、Firefoxのシェアが平均62%くらい、IE6のシェアは3.55%という結果は興味深いですね。

参照元の1位「StumbleUpon」は日本であまり知られていないと思いますが、ソーシャルブックマークサイトのようです。2位はTwitterですね。

以上、メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

そのほか先週の記事から、いろいろなまとめページの紹介です。

先週の気になるWebサービス

FeedMinglehttp://feedmingle.com/

複数のフィードのURLを入力すると、ひとつのフィードやHTMLに変換してくれるWebサービスです。

ユーザー登録なく使え、非常にシンプルで分かりやすいと思います。HTMLで書き出す場合のコードもシンプルで、ブログに貼り付ける用途で重宝しそうです。

試したところ、HTMLとJSONはなんとか日本語も大丈夫なようですが、RSSとAtomは本文部分が文字化けしてしまいました。タイトルは大丈夫なんですけどね。今後のバージョンアップに期待しましょう。

「複数のRSSをひとつのURLにまとめて ブログパーツにも出来る「FeedMingle⁠」⁠ - WEBマーケティング ブログ」にくわしい紹介記事があります。

図4　シンプルなRSSマージサービスです
図4　シンプルなRSSマージサービスです

おすすめ記事

記事・ニュース一覧