Frontend Weekly Vol.71

Headlines

Creating A Living Style Guide: A Case Study by Smashing Magazine

“Living”スタイルガイドをどう構成し、更新するべきか。単にコメントを書けばいいというだけでは終わらない、実践主義的なアドバイスが多く参考になる。最終的にはプロダクトのニーズに合わせて自作する所も実践主義。

A pocket-sized guide to using SVG icon sprites in web apps by Ben Schwarz

ポケット・ガイドの名前に相応しい分量のSVGアイコンスプライトの作り方ガイド。さっと読めるものの、経験に基づいたフローを紹介していて、実践にも移しやすいのでぜひ。

Being A Developer After 40 by Free Code Camp

40才を超えてデベロッパでありつづけること。とても長い記事ながら、デベロッパとして現役を貫くために、今から始めるべきよい習慣などについて、説得力のある言葉で書かれている。

Accessibility matters—and here’s what we’re doing about it by Vox Product Blog

Vox Mediaがエキスパートを招聘してアクセシビリティに関するガイドラインを作成するワークショップを実施。その結果としての4つのガイドラインも公開。すばらしい取り組み。

CSS from the Future by Zeke Sikelianos

CSSにおける”変数”はそれなりにブラウザサポートが進んでいる。そして”Mixin”、”Extend”はまだまだこれからなものの、確実に実装へ進んでいる。今のところはまだPre/Post プロセッサに頼っているが、いつか来る日のためにも今のうちになれておきたい。

Let’s Write Beautiful CSS Comments by Sparkbox

美しいCSSのコメントのあり方について。コードが十分にわかりやすければコメントを書く必要はないのかもしれない。しかし、CSSはなかなかそうもいかない。記事ではどんなタイミングでコメントを残すべきか、そしてどうフォーマットするかについて紹介している。

How to Implement Smooth Scrolling in Vanilla JavaScript

素のJavaScriptのアニメーションスクロールを実装する方法について。実装そのものも興味深いが、リファクタリングについても細かくステップが紹介されていて参考になる。機能に興味がなくても読んでおいて損はない。

Videos

Google I/O 2016

Google I/O 2016 のセッション動画リスト。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief