週刊Webテク通信

2016年12月第1週号1位は、CMSに関する究極のガイド、気になるネタは、ボタン1つで洗剤やキッチンペーパーを注文、Amazon Dash Buttonが日本上陸

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

1. The ultimate guide to CMS, part 2 | Webdesigner Depothttp://www.webdesignerdepot.com/2016/12/the-ultimate-guide-to-cms-part-2/

CMSについて網羅的にまとめた記事のパート2です。CMSを選ぶために考えるべき要素と、大量のCMSを解説付きで紹介したリストを掲載しています。

Mediumのようなブログサービス、Squarespaceのような簡単サイト制作サービスなども取り上げています。

パート1では、CMSの種類についていくつかの切り口から解説していました。

図1 CMSに関する究極のガイド
図1 CMSに関する究極のガイド

2. Death by Hamburgerhttps://uxdesign.cc/death-by-hamburger-2d1db115352a

ハンバーガーメニューはなぜダメなのかについてまとめた記事です。とはいえ、完全に否定しているわけではなく、良い点、悪い点を具体的な例も挙げて解説しています。

みんなが使っているからという理由でハンバーガーメニューを採用するのではなく、慎重に考えて検討すべきだと訴えています。

図2 ハンバーガーメニューはなぜダメなのか
図2 ハンバーガーメニューはなぜダメなのか

3. How to Add Icon Fonts to Any Element With CSS - Web Designer Wall - Design Trends and Tutorialshttp://webdesignerwall.com/tutorials/how-to-add-icon-fonts-to-any-element-with-css

アイコンフォントをCSSで指定する方法についてまとめた記事です。

CSSのbefore疑似要素を使って、リストの頭にアイコンを追加する方法が丁寧に説明してあります。

図3 アイコンフォントをCSSで指定する方法
図3 アイコンフォントをCSSで指定する方法

4. Best Free jQuery Plugins of 2016 - Designmodohttps://designmodo.com/free-jquery-plugins-2016/

少なくとも過去1年間に更新されている、無料の素晴らしいjQueryプラグインをまとめています。

グリッドレイアウト、アニメーション、スクロールのエフェクトなど、見た目に関わるもの中心にセレクトしていました。

図4 2016年のjQueryプラグインまとめ
図4 2016年のjQueryプラグインまとめ

5. 20 Awesome Animated Loaders and Spinners - Hongkiathttp://www.hongkiat.com/blog/free-animated-loaders/

ローディングアニメーション(ローダー/スピナー)を20個紹介しています。

ビットマップ画像やJavaScriptを極力使わずに、CSSで図形や動きを表現しているものが主流で、面白いアイデアのものが揃っています。

図5 ローディングアニメーションを20個紹介
図5 ローディングアニメーションを20個紹介

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

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

Logojoy | Make a Logo Design Onlinhttp://logojoy.com/

Logojoyはロゴを作れるWebサービスです。質問に答えていくだけで、簡単にロゴを作成できます。ロゴを作るプロセスもそうですが、完成したロゴが名刺や看板などに使われた場合のイメージ写真の表示なども含め、見せ方がうまく洗練された印象のサービスです。

好きなロゴ、好きな色、好きなシンボルマークを選択肢からいくつか選び、ロゴにしたい社名やブランド名などを入力するだけで、自動で複数のロゴが生成されます。気に入ったものが出てくるまで、どんどん生成させていくことができるようです。

あとからフォントや色などを変更したり微調整することも可能です。完成したロゴを使用するには購入する必要があり、ベクター画像も入手できるPremiumプランが本来130ドルのところ現在65ドルとなっています。165ドルのEnterpriseプランでは、デザイナーと1時間打合せながらデザインできるそうです。

図6 ウィザード形式でロゴを作れるサービス
図6 ウィザード形式でロゴを作れるサービス

おすすめ記事

記事・ニュース一覧