週刊Webテク通信

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

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

おすすめ記事

記事・ニュース一覧