Frontend Weekly Vol.100

Headlines

Best Practices for Microinteractions

マイクロ・インタラクションに関するのベストプラクティス達

マイクロ・インタラクションは、ハマるしかけであり、ユーザーがプロダクトを使う際にどう感じるかの意味づけにも使われる。この記事は実際にマイクロ・インタラクションがどんなモノなのかも含めて例示もたくさんあり、わかりやすくまとめてある。

I totally forgot about print style sheets

プリントスタイルシートのこと、忘れてませんか?

注文の明細、ブログ記事、レシピ、連絡先や地図といったWebページを印刷するニーズは今でもある。媒体に関係なくアクセシブルであるためにも、今一度印刷向けのスタイルシートの基本をおさらいしよう。

Is CSS Flexbox ready for prime time yet?

Flexboxの機はもう熟したのか?

Flexboxは非常に強力だが、果たしてプロダクションでも利用できるものなのか? 記事では、『利用できる』としているが、場合によってはIEやAndroidへのフォールバックは必要になる。実際にどんな風に使っているのかも見られるので、なかなか興味深い。

The 100% correct way to do CSS breakpoints

CSSのブレークポイントを正しく

CSSのブレークポイントを形成する際に忘れてはいけないことは3つ。ブレークポイントをどこに入れるのか、そしてその範囲、そして最後はどうやって、ではなく何が起こるのかを明確に宣言すること。記事ではその3点について詳しく解説しているのでぜひ。

Best practices for JavaScript function parameters by CodeUtopia

JavaScriptの関数の引数にまつわるベストプラクティス達

引数がたくさんある関数はなかなか無くなっていかない。同じ様に引数が全部オブジェクトになっているのもわかりづらい。その微妙なポイントをどうするべきかに関する解説。

How to perform a good code review by Alpha’s Manifesto

コード・レビューを行う際に知っておきたいこと

コード・レビューがワークフローに組み込まれると、誰にレビューをお願いするのか、そして自分がレビューワーになった際に何をレビューするのか、そしてどうコメントを書くべきか。この記事はそんな疑問に全部答えてくれる秀作。

Lighthouse: Lighting the way to better web performance by Performance Calendar

LighthouseをつかったWebパフォーマンス評価

パフォーマンス改善がイベントではなく、ワークフローであるために必要なのが評価のツール。この記事では最近増えてきた評価ツールの1つであり、Googleが中心となって開発をしているオープンソースプロジェクトであるLighthouseについて解説。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief