週刊Webテク通信

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

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

おすすめ記事

記事・ニュース一覧