2013年12月第1週号 1位は、画像のロールオーバー効果のテクニックまとめ、気になるネタは、米アマゾン、超小型無人機の宅配サービス５年以内に実現へ

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

画像のロールオーバー効果のテクニックをまとめた記事です。ボタンなどUIとして使える効果を、CSS3とjQueryで実現したものが30個紹介されています。

ロールオーバー時に画像が拡大されるような効果もそうですが、画像のタイトルや商品情報などの追加情報が表示される実用的なものも充実しています。

見た目で驚かすような派手なものではなく、ちょっとした効果をCSSで適用するというのが最近の流行りだと思うのですが、そういった効果を実装する際に役に立ちそうなものが揃っていました。

jQueryを利用したスライダーを10種類紹介しています。それぞれの機能の特徴が箇条書きでまとめられています。

レスポンシブル、タッチ操作のデバイスへの対応など、スライダーも進化しています。

テクスチャーやパターンをダウンロードできるサイトをまとめています。パターンを生成するPhotoshopのプラグインも紹介されていました。

CSSを編集するためのオンラインツールやデスクトップアプリケーションをまとめています。

無料のもの中心にまとめられていて、プロ向けではなさそうなものも多いですが、意外とたくさんのCSSエディターがあることを再認識しました。

非常にミニマルなWebデザインのギャラリーです。シンプルでフラットなサイトが揃っていました。

そのほか、最近の記事の中から、気になるニュース記事を3つ紹介します。

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

今回はスマートフォンで簡単に無料ライブ配信ができる「ツイキャス」を取り上げたいと思います。知っている人には今さらなサービスですし、配信するのも閲覧するにもスマートフォンアプリで楽しんでいる人が圧倒的なわけですが、見るだけならパソコンのブラウザからでもOKです。

このツイキャス、若者に人気らしいとは聞いていましたが、全国の大学生の約半分という約133万の大学生が利用しているんだとか。ユーザー数400万人を突破し、シリコンバレーにも拠点を構える予定と、好調のようです。

320×180ピクセルで数fps～10fpsと画質は控え目ながら、帯域が十分確保できない環境でも映像が途切れないことを実現しているとのこと。まさにスマホ時代の配信サービスです。

女子高生が他愛もない日常を生中継しているのを、何千人もの人が見ているというのは結構衝撃的です。学校でのIT教育とかいう前に、すでに若者はツールとして情報端末を使いこなしているようです。

Amazonが小型無人ヘリによる配送サービスを発表しました。動画が公開され、大きな反響を呼んでいますね。倉庫から16キロメートル以内の範囲を30分以内に届けることができ、2015年から開始されるかもしれないそうです。

このムービーを見て思ったのは、アメリカのような大きな家ならいいけど、日本じゃ難しいんじゃないかということですね。アメリカじゃ配達先の家の敷地内に荷物を置いていけばいいのでしょうが、日本じゃそんな豪邸に住んでいる人はごくわずかですよね。

アメリカでは、飛行連邦航空局（FAA）の規則が2015年に改正され、こうしたサービスが可能になるそうですが、各社の無人飛行機がバンバン飛ぶようになるんでしょうか。ピザの宅配をするラジコンヘリなんかも開発されているようで、これからもいろんな話題が提供されそうです。