週刊Webテク通信

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

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

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

1. 30+ Awesome Free jQuery CSS3 Image Hover Effects | PSDtoHTMLHINThttp://www.psdtohtmlhint.com/30-awesome-free-jquery-css3-image-hover-effects/

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

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

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

図1 画像のロールオーバー効果のテクニックいろいろ

図1 画像のロールオーバー効果のテクニックいろいろ

2. The top 10 free jQuery Sliders - Web Design Bloghttp://www.webdesignblog.co/top-10-free-jquery-sliders/

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

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

図2 jQueryを利用したフリーのスライダー10種類

図2 jQueryを利用したフリーのスライダー10種類

3. 12 Websites to Download Free Textures & Patterns | GraphicsFuel.comhttp://www.graphicsfuel.com/2013/11/12-websites-to-download-free-textures-patterns/

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

図3 フリーのテクスチャーやパターンを探せるサイトいろいろ

図3 フリーのテクスチャーやパターンを探せるサイトいろいろ

4. CSS Editor Collection for Web Designershttp://www.appslick.com/css-editor-collection-for-web-designers/

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

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

図4 CSSエディターを多数紹介

図4 CSSエディターを多数紹介

5. Showcase of Beautiful Super Minimal Website Designshttp://line25.com/articles/showcase-of-beautiful-super-minimal-website-designs

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

図5 ミニマルでキレイなWebデザインのギャラリー

図5 ミニマルでキレイなWebデザインのギャラリー

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

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

ツイキャス - ライブでつながるコミュニケーション・サービスhttp://twitcasting.tv/

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

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

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

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

図6 若者に人気のライブ配信サービス「ツイキャス」

図6 若者に人気のライブ配信サービス「ツイキャス」

今週の気になるWebネタ

CNN.co.jp : 米アマゾン,超小型無人機の宅配サービス 5年以内に実現へhttp://www.cnn.co.jp/business/35040786.html

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

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

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

著者プロフィール

芦之由(あしのよし)

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

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

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

コメント

コメントの記入