週刊Webテク通信

2014年2月第4週号 1位は，2014年のWebデザインのトレンド11個，気になるネタは，ソニー，リストバンド型ライフログツール「SmartBand 」発表

Webテク, Webデザイン, Web広告, CSS, Android, 表

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

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

1. 11 web design trends I'd like to see in 2014 | Web design | Creative Bloqhttp://www.creativebloq.com/web-design/desirable-trends-see-2014-21410698

2014年のWebデザインのトレンドを11個紹介した記事です。

  1. 進化した雑誌風レイアウト
  2. より多様なタイポグラフィ
  3. 純粋にコードだけでのビジュアル効果
  4. フラットなUIへの回帰
  5. より印象的なビデオ
  6. 自然な言葉のインターフェイス・コンテキストにより変わるインターフェイス
  7. 目的地に早く行けるように
  8. スクロールやジェスチャーによるユーザー体験
  9. コンテンツを第一に考える
  10. JavaScriptは不滅
  11. イントロページは復活しない

図1　2014年のWebデザインのトレンド11個

図1　2014年のWebデザインのトレンド11個

2. ぼくのさいきょうツール :: [ FLAT ] Develop | ONO TAKEHIKO from aguije inc.http://flat.is/develop/2014/02/ultimate/

サイト制作に役立つプラグインやツールを，カテゴリ毎に現時点でベストな1つだけにしぼって紹介しています。

カルーセル，イメージプレースホルダ，画像フィット表示など，必要となる度に探すとなると面倒なものが揃っていて，とても参考になりそうです。

いろいろな人の「さいきょうツール」も見てみたいですね。

図2　プラグインやツール類のカテゴリ別ベスト1を紹介

図2　プラグインやツール類のカテゴリ別ベスト1を紹介

3. Z63 | Vertical align anything with just 3 lines of CSS |http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

たった3行のCSSで，垂直方向センター揃えを実現する方法を紹介しています。ベンダプレフィックスを加えると3行じゃなくなってしまいますが，実質3行ですね。

この記事を受けて，コメント欄では別の方法などが紹介されて盛り上がっていました。

図3　垂直方向センター揃えのCSS

図3　垂直方向センター揃えのCSS

4. Scroll Activated Animations - New Trend in Web Design - Designmodohttp://designmodo.com/scroll-animations-web-design/

スクロールに合わせた動きのあるWebサイトが多数紹介されています。フラットなイラストを使った，シングルページのサイトが目立ちます。

ちょっと古いですが，クリスマス関連のかわいいコンテンツが3つ紹介されていました。

図4　スクロールに合わせたアニメーションの事例を多数紹介

図4　スクロールに合わせたアニメーションの事例を多数紹介

5. Awesome Showcase of Beautiful Celebrity Web Designshttp://thedesignblitz.com/awesome-showcase-of-beautiful-celebrity-web-designs/

ベッカム，ナオミキャンベルなど，有名人のWebサイトのギャラリーです。

ソーシャルメディアへの誘導は欠かせない要素なのはもちろんのこと，ソーシャルメディアへのリンクしかないサイトもいくつかありました。

また，Tumblrを使っているサイトがいくつかあったのも，「⁠Tumblr推し」のわたしとしてはうれしかったです。

図5　有名人のWebサイトいろいろ

図5　有名人のWebサイトいろいろ

そのほか，最近の記事の中から，気になる記事を3つ紹介します。

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

Create LaTeX tables onlinehttp://www.tablesgenerator.com/

表組みを作れるWebサービスです。LaTex，HTML，テキスト，マークダウン，MediaWikiといった形式で表組みを作るのを支援してくれます。

最近ブログ界隈では定番となりつつある，マークダウン（Markdown）記法でのテーブルが作れるところがうれしいですね。

CSVをインポートしたり，Excelからのコピー＆ペーストで表を作ることもできます。あとから行や列を挿入したり，セルを結合したり（マークダウンには記法がないのでできませんが）など，一通りの機能はそろっています。

図6　表組みを作れるWebサービス

図6　表組みを作れるWebサービス

今週の気になるWebネタ

ソニー，リストバンド型ライフログツール「SmartBand 」発表 歩数を記録，着信を振動で通知 - ITmedia ニュースhttp://www.itmedia.co.jp/news/articles/1402/24/news137.html

ソニーから，リストバンド型のライフログツールが発表されました。移動距離や歩数など日常の行動のログを記録して，Androidアプリで管理するそうです。

スマートフォンも日々持ち歩く訳なので，スマートフォンだけでもライフログは取れそうな気もしますが，新しいガジェット好きには興味深いアイテムなことは確かでしょう。

電話の着信やSNSの更新を振動で伝える機能や，音楽プレイヤーを操作する機能は面白そうです。電車で寝ているときに，下車駅が近づくと振動で教えてくれる機能があるといいなぁと思いました。

Webテク, Webデザイン, Web広告, CSS, Android, 表

著者プロフィール

アシカガコウジ

フリーのWebデザイナー＆ライター。ポッドキャスト「アシカガCAST」でデジタル活用のヒントを発信中。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザーでApple好き。Webテク情報やツール（ソフトウェア）の案内，デジタル活用情報をまとめた「アシカガノオト」をNotionで公開しています。

http://bit.ly/ashikaganote