Frontend Weekly Vol.96

Headlines

Pointing the Way Forward by Google Developers

Pointer eventsについて

レスポンシブ・デザインにおいての難しさの1つであるマウスとタッチのイベント処理。 記事ではその処理の面倒を一元化するPointer eventsについて解説。
ブラウザサポートは決して多くはないが、ポリフィルはあるので試してみる価値はあるだろう。

Async functions - making promises friendly by Google Developers

AsyncでPromisesをより身近に

Promiseで書かれた処理を更にわかりやすくするAsync Functionsについて、いくつかのポイントとなるサンプルを通して解説している。JavaScriptの非同期処理の次なるスタンダードな記述として、抑えておきたい。

The Golden Rules Of Bottom Navigation Design by Smashing Magazine

ボトム・ナビにおける黄金律

アプリでも、Webでも見かけるモバイルにおけるUIパターンであるボトム・ナビゲーションに関する解説。
色やサイズ、数やアイコンの使い方など、非常に細かな部分について紹介されている。

On Style Maintenance by CSS-Tricks

コードをメンテナンスするということ

ソースコードは書き終えるまでがそのゴールではない。プロダクションにある間中は当然ながらメンテナンスが必要となる。
そのメンテナンスについて、オブジェクト指向と関数型の2つ大きなパラダイムを使って、記事ではCSSのメンテナンスについて紹介している。

10 principles for smooth web animations

スムースなアニメーションのための10の原則

パフォーマンスを保つという意味の『スムース』だけではなく、自然なアニメーションを実現するために知っておくべき10の原則。

Payment Request API: an Integration Guide by Google Developers

Payment Request APIインテグレーションガイド

Payment Request APIもついに仕様について、だけではなく、既存サイトへどう組み込むかについて紹介されるようになってきた。 もちろんまだこれからの技術ではあるが、試して遊んでみるのにぴったりなガイド。

Reducing Visual Noise for a Better User Experience

ビジュアルノイズを減らしてよりよいUXを築く

Webの世界に限らず、集中力を保つのはそれだけでもスキルとなりえる位にはノイズに溢れている。自分のプロダクトにそんなノイズはないだろうか?
シンプルは簡単。そのシンプルに辿りつくためのコツを紹介。

Slides

Promise of Push v5 by @ColinBendell

O’reilly Velocity Conferenceでの発表スライド。HTTP/2のサーバーPushについて。

Evolution of Electron(日本語)

Electronの進化

先日行われた東京Node学園祭 2016のセッション「Evolution of Electron」の発表内容の日本語訳。なぜElectronが生まれたのか、そしてどのようにプロダクトを成長させてきたかが書かれている。

Announcement

Frontend Weekly Meetup 2016 (PR)

フロントエンドエンジニアのためのWeeklyニュースレター、Frontend Weeklyの創刊100号を記念し、初のオフサイトMeetupを12月15日(木) @ 六本木ヒルズ メルカリオフィスにて開催。
すでに参加枠を超えた応募となっていますが、抽選により参加を決定(12月1日抽選)しますので、奮ってご応募ください。

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief