Frontend Weekly Vol.81

Headlines

Complexities of an infinite scroller by Google Developers

Infinite Scrollの実践的な実装

ユーザのスクロールによって”無限”にコンテンツを表示するInfinite Scrollの実装はよくあるが、きちんと実装するのには様々な視点が必要になる。Paul Irish氏によるInfinite Scrollの実践的実装についてデモを交えての解説。

関連: Paul Irish氏によるpassiveモードを使っていない理由について

Using Animation to Enhance UX by Callum Hart

Animationを使ってUXをよりよくする

アニメーションとUXはもはや切っても切れない関係性にある。記事ではCRMのシステムで実際にどういったアニメーションを使ってUXを向上させたかについて、実例とともに紹介。B2Bっぽいシステムにこそ、アニメーションは必要になるのかもしれない。

How to create a good pull request by Alpha’s Manifesto

プルリクエストの正しい作り方

プルリクエストというワークフローを最大限に活かすために知っておきたいコツ。かなり詳細まで説明してあるし、実践的なアドバイスが多い。当たり前の事ばかりかもしれないがこういう形で明文化されるとチーム開発は捗るはず。

Stop the overuse of overflow menus by Free Code Camp

オーバーフローUIを使いすぎるのは辞めるべき

近頃のGoogleでよく見かける「…」からのオーバーフローUI。このUIそのものだけではなく、「…」伝えないメッセージの弱点などについても触れている。べき論だけではなく、どうアプローチしたほうがいいかの提案もある。

Design Is Mainly About Empathy by Track Changes

デザインとは共感すること

デザイナの役割は後ろにある小難しいシステムの仕組みを知らなくても、ユーザが最短距離で求めている解決に導くこと。その道のりで重要なのが共感。

Designing a styleguide: elements that go into building compelling products by Free Code Camp

スタイルガイドのデザイン

スタイルガイドそのものがどういうデザインであるべきか。ブランディングのガイドラインを含めて、スタイルガイドにあるべき要素についても紹介。

A Comprehensive Guide to Font Loading Strategies by zachleat.com

外部フォントの読み込みに関する戦略

日本においてもフォントを読み込む機会は増えてきている。この記事はフォント読み込みにおいて知っておくべきことが大枠揃ってしっかりと解説してあるので、リファレンスとしてすぐに取り出せるようにしておくといいだろう。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief