2017年4月第2週号 1位は、コンテンツを台無しにしてしまうデザインの間違い7選、気になるネタは、Macのコーディング用テキストエディタ「Espresso」がv3として帰ってきた！

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

コンテンツを台無しにしてしまうデザインの間違いを7つまとめた記事です。

それぞれに対し、良い例のサイトが1つずつ紹介されています。

こちらは、悪いデザインと良いデザインとを比較して、悪いデザインからウェブデザインを学ぼうという記事です。

以下の3項目について、悪い例＆良い例と解説が載っています。

ランディングページのトレンドを実例とともに紹介しています。

特に解説などはないのですが、紹介されているそれぞれのページのクオリティが高く参考になります。

クリック長押しやドラッグ＆マウスジェスチャーで操作する、インタラクション性の高いサイトを多数掲載しています。

凝った面白い動きをするサイトばかりでウェブデザインの可能性を感じられますが、真似をするにはかなりハードルが高そうです。

JavaScriptとCSSのライブラリをまとめています。ElementというVue.js 2.0ベースのUIフレームワークが良さそうです。

Vue.jsやReactがらみのものが多く、フロントエンドのJavaScriptのトレンドが変わったことを今さらながら実感しました。

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

Android、ネットに接続するOSとしてWindows超え初のトップに─⁠─StatCounter調べ - ITmedia Mobile
Androidのシェア拡大の要因は新興国とのこと。日本でのシェアではAndroidは1.85％で4位というのも載っていました
YouTube、視聴1万回未満のチャンネルは広告禁止 - CNET Japan
他者の動画を再アップロードしたり、他者のチャンネルになりすますチャンネルを阻止するための対策とのことですが、ずいぶんハードルが上がりました
ASCII.jp：Dropbox、ウェブサイトのデザインを一新しチームでの利便性アップ
Dropboxの方向性としてもチームとしての利便性を重視していくように感じますね

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

「Color Tool⁠」⁠ は、マテリアルデザインのアップデートとともに登場した、マテリアルデザイン向けカラーパレットを作るためのGoogleが提供するツールです。

プライマリーカラーとセカンダリーカラーを選ぶと、配色は自動的に作られます。また、プライマリー／セカンダリーカラーの上に載った場合の文字色も指定できます。

マテリアルデザインの6種類のUI上での見た目がすぐに確認できて便利です。アクセシビリティについて診断する機能もあり、文字の可読性についての判断と、何パーセントの透明度までOKかをアドバイスしてくれます。

Macのコーディング用テキストエディタ「Espresso」がv3として帰ってきました。あまりメジャーではありませんが、わたしのお気に入りエディタです。

2007年のApple Design Awardsに選ばれたCSSエディタのCSSEditに続き、MacRabbitが開発したコーディング用エディタがEspresso。CSSEditの機能を引き継ぎつつHTMLコーディングに主軸を移したもので、Macらしい洗練されたUIが魅力的でした。

Espressoが長い間アップグレードされなくなったため、Bracketsに乗り換えていたのですが、今はまたEspressoに戻りたいと思い始めています。機能的にはBracketsの方が魅力的な部分も多いんですが、使っていて気持ちいいのはやっぱりEspressoなんですよね。