週刊Webテク通信

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

この記事を読むのに必要な時間:およそ 3 分

ネットで見かけた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マージサービスです

今週の気になるWebネタ

ハチヨン dialog: Amazon Kindle DX買ってみた。使ってみた。レビューしてみた。http://84dialog.blogspot.com/2009/06/amazon-kindle-dx.html

Amazonの電子ブックリーダーKindleの最新機種「Kindle DX」がアメリカで発売になりました。

このKindleシリーズは日本で発売されていないので,存在は知っているものの詳しくは知らないという人も多いんじゃないでしょうか。わたしもそうでした。

Kindle DXはKindleシリーズの3機種目で,従来より大画面,大容量になったのが特長とのこと。また,PDFリーダー機能が追加され,ディスプレイの自動回転表示もできるようになったんだとか。

さっそく購入したサンフランシスコに住む日本人の方のレポートを見ると,USBでPCと接続すればPDFを転送して閲覧できるとのことです。また,jpgをzip形式に圧縮したファイルも読めるそうですよ。

この方,渡米前にScanSnapで本や漫画を大量にスキャンしたそうで,それらの自家製PDFブックを読む端末としてKindle DXを選び,満足しているようです。

ScanSnapを使って自分の所有する本(特に漫画)を電子化することを,一部の間では「自炊」と呼んでいるようです。そんな自炊派の人にはPDFビューワとしてのKindle DXはなかなか魅力的なようですね。ただし,日本の電車の中でKindle DXで読書していたら注目の的でしょう。サイズもかなり大きいようですし,iPhoneの比じゃないくらい目立ちそうですね。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入