Frontend Weekly Vol.67

Headlines

CSS @apply rule (native CSS mixins)

[email protected][email protected][email protected][email protected]も利用できそう。

Flexbox Patterns

Flexboxを活用した様々なUIパターンをソースコード付きで紹介。よく見かけるUIが揃っているので、インスピレーションにも、実装の参考にもなるので、ぜひ。

JavaScript’s new IntersectionObserver

新たに提案されているJavaScriptのAPI、IntersectionObserverがChromiumにて実装されたので、早速実働するスニペット付きの解説。画像のLazyloadなどを行う際に、ユーザがページのどこにいて、対応する要素がどこにいるのか、というような用途でも利用できる。

Compassionate UX by UX Booth

思いやりは、UXにおいて最も重要なファクターだと言っても言い過ぎではないだろう。ではどう思いやるのか、どういった例があるのか。 Eric Mayer氏と、Sara Wachter-Boettcher氏によるUXの根源にある大切な部分についての解説。実例も交えての解説は非常に参考になる。

Writing good code: how to reduce the cognitive load of your code by Christian M. Mackeprang

『よいコード』を書くことは、隣で働いている同僚のためだけではなく、将来の自分、そして書いた本人に合ったこともないような人のためにも重要だ。クレバーなコードではなく、スマートにコードを書くために気をつけるべきポイントについて。テクニカルな面よりは、心がけより。

A Guide to Proper Error Handling in JavaScript

JavaScriptにおける頭痛のタネ、エラー処理。なぜエラー処理が日々の業務の中でも重要なのか、そして正しいエラー処理を行うためにはどんな所に気をつけなければならないのか。 非常にシンプルにわかりやすく解説している。

Get ready for the great rebundling of mobile by Inside Intercom

モバイルアプリにおけるアプリの細分化が加速している。Facebookのメッセンジャーアプリがその好例。このトレンドはどうして起こっているのか。リーチはWebへ、深度はアプリへの第一歩ともなりえる事例で、非常に興味深い。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief