週刊Webテク通信

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

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

ネットで見かけた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 ウィザード形式でロゴを作れるサービス

今週の気になるWebネタ

ボタン1つで洗剤やキッチンペーパーを注文,Amazon Dash Buttonが日本上陸 | TechCrunch Japanhttp://jp.techcrunch.com/2016/12/05/amazon-dash-japan-launch/

ボタン一つで消耗品などを購入できるAmazon Dash Buttonがついに日本でも販売開始しました。Amazonプライム会員限定で価格は500円,ただしボタンを使った初回購入時に500円割引されるので実質無料とのことです。

IoTを実感できるガジェットとしてすごく興味があるのですが,リピート購入したい商品のボタンがなかったので購入には至っていません。自分のほしい商品を登録できるともっと面白いんですけどね(米AmazonにはAmazon IoT Buttonというのがあるようです)。

また,プリンターのインクの量が減ったら自動で補充インクを注文するといったことを実現する「Amazon Dash Replenishment」サービスも日本で開始したそうです。マシンと自動で連携して注文するほうが,より未来を感じますね。

著者プロフィール

芦之由(あしのよし)

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

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

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

コメント

コメントの記入