週刊Webテク通信

2010年2月第4週号 1位は,すばらしいCSS3のチュートリアル&テクニック集,気になるネタは,Google「リアルタイム検索」が日本語対応

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

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2010年2月15日~2010年2月21日の間に見つけた記事のベスト5です。

1. 60 Excellent CSS3 Tutorials and Techniques You Should Knowhttp://www.themeflash.com/60-excellent-css3-tutorials-and-techniques-you-should-know/

CSS3に関するチュートリアル,Tips,テクニック記事を網羅したリンク集です。

角丸や影のついたボタン,エンボス風文字,アニメーションをCSS3で作る記事などが紹介されています。CSS3とjQueryの組み合わせで,凝ったUIを簡単に実現するというテクニックも多いですね。

リファレンスとして役立ちそうな記事もそろっています。

図1 60個のすばらしいCSS3チュートリアル&テクニック集

図1 60個のすばらしいCSS3チュートリアル&テクニック集

2. Fat Footers: The Long Tail of Your Website - Visual Swirlhttp://www.visualswirl.com/2010/02/fat-footers-the-long-tail-of-your-website/

現在の主流となっている大きなフッタについて,良い点と悪い点を考察しています。

良い点
  • フッタに他のコンテンツへの誘導があると使い勝手が良い
  • SEOに効果的
  • 自作のイラストを入れるなど,創造性を発揮する場所として使える
悪い点
  • ページの読み込みが遅くなる
  • ユーザーがフッタまで見ない可能性がある
  • フッタのデザインだけが浮いてしまう場合がある

といった感じの内容です。

なお,この記事の作者は大きなフッタが好きとのことでした。

図2 大きなフッタに関する考察記事

図2 大きなフッタに関する考察記事

3. ASCII.jp:40分で覚える!jQuery速習講座http://ascii.jp/elem/000/000/498/498710/

Webデザイナーやマークアップエンジニア向けに,jQueryを基礎から教えるレッスン記事です。

実は「Web制作の現場で使う jQueryデザイン入門」という書籍の宣伝のためのコンテンツなのですが,本になっている内容がベースとあって,わかりやすくしっかりまとまっています。

HTML,CSSを理解していることはもちろん,JavaScriptについてもある程度の知識がないと難しいと思いますが,これを機会にjQueryの世界をに足を踏み入れてみるのはいかがでしょう。

図3 jQueryを基礎から教える特別レッスン

図3 jQueryを基礎から教える特別レッスン

4. 25 Best Websites For Downloading Free Html/CSS Templates | SaveDeletehttp://savedelete.com/25-best-websites-for-downloading-free-htmlcss-templates.html

美しいHTML/CSSのテンプレートをダウンロードできるサイト集です。

この手のテンプレートをそのまま使うWeb制作者は少ないと思いますが,デザイン/コーディングの両面から参考になることも多いと思います。

図4 フリーのHTML/CSSテンプレートをダウンロードできるサイト25選

図4 フリーのHTML/CSSテンプレートをダウンロードできるサイト25選

5. Inspiration Served: 20 Websites Designed for the 2010 Winter Olympics | MyInkBloghttp://www.myinkblog.com/2010/02/17/inspiration-served-20-websites-designed-for-the-2010-winter-olympics/

バンクーバーオリンピックに関する各国のサイトのデザインギャラリーです。

日本のものとして紹介されているのはNHKのサイトだけでした。Flashの読み込みが終わる前のシンプルな状態がキャプチャーされていて,他と比べて浮いてしまっているのが残念ですね。

図5 バンクーバーオリンピック関連のサイトギャラリー

図5 バンクーバーオリンピック関連のサイトギャラリー

そのほか先週の記事から,Google関連の記事を紹介します。

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

30 Useful (and Unknown) Web Apps You Need to Bookmark | Maximum PChttp://www.maximumpc.com/article/features/30_incredible_web_apps_you_need_try

今回も,Webサービスのリンク集を紹介します。

未来のクラウドコンピューティングの準備となるような,すばらしいWebサービスやWebアプリケーションを30個紹介した記事です。有名なものも,聞いたことのないようなものもありますね。

日本人が使ってもあまり役に立たないようなサービスもありますが,クラウドで本当に何でもできるようになるんだろうなと感じさせてくれるラインナップとなっています。

図6 30の便利なWebサービス

図6 30の便利なWebサービス

今週の気になるWebネタ

Google「リアルタイム検索」が日本語対応 - ITmedia Newshttp://www.itmedia.co.jp/news/articles/1002/16/news085.html

米国では昨年12月に導入されたという,Googleの「リアルタイム検索」機能が日本でも使えるようになりました。話題のキーワードの場合,普通に検索した結果の途中に「○○の最新の検索結果」というセクションが出てきます。

最近だと,オリンピック関連のキーワードはリアルタイム検索結果が出てくる可能性が高いようです。検索した後で新しい情報がどんどん現れてくるのは,新鮮な感じがしますね。ツイッターのクライアントでは当たり前だったりしますが。

このリアルタイム検索のための提携で,TwitterがGoogleからかなりの金額を受け取っているんですよね。双方にとってメリットがある提携だと思いますが,勢いのあるTwitterの方が立場が上ということでしょうか?

著者プロフィール

芦之由(あしのよし)

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

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

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

バックナンバー

週刊Webテク通信

バックナンバー一覧

コメント

コメントの記入