Frontend Weekly Vol.43

Headlines

Service Workers: Dynamic Responsive Images using WebP Images by Dean Hume

Service Workersを使って動的にWebP + レスポンシブ・イメージを実装する方法。pictureについても、Service Workersについてもコードスニペット付きで詳しく解説。

Do We Actually Need Specificity In CSS? by Philip Walton

Philip Walton氏によるCSSの詳細度が本当に必要なのか、についての問いかけ。記事では詳細度による複雑性を回避するためのアプローチについても触れている。

Building an offline page for theguardian.com by The Guardian

The Guardianで実装されているService Workersを使ったオフライン時ページについて。クロスワードパズルができるという新聞らしいアプローチの実装例。

Future of HTML (TPAC) – 28 Oct 2015

TPACで議論されたHTMLの未来についての議事録。様々な視点からの議論の様子が非常に興味深い。

Three years with CSS Grid Layout

CSS Grid Layout周辺の動きについての振り返り。IE10以後、Edgeにはすでに実装され、他のブラウザの開発版ではFlagを有効にすれば検証することができる。少しずつながら現実味を帯びてきたGridを見なおしてみよう

How to fix JavaScript errors more easily with Chrome’s debugger by CodeUtopia

なんとなくconsole.logを使ってJavaScriptのデバッグをしていないだろうか? ChromeのDevToolsを使ってより賢くデバッグする方法について、詳しく解説。

List vs. Grid View: When to Use Which on Mobile by UX Movement

モバイルにおけるUIパターンの中でも必ず議論の的になるリストとグリッドビューについて。それぞれのUIがどんな問題を解決しているのか。しっかり理解して使い分けたい。

Slides/Videos

So how does the browser actually render a website by The CSS Ninja

ブラウザが実際にウェブページをどうやってレンダリングしているのか? Ryan Seddon氏による9月にベルリンで開催されたJSConfEU 2015の発表。

We are all Devops by Katherine Daniels

EtsyのKatherine Daniels氏によるDevOps文化に関するスライド。大きなチームであろうと、そうでなかろうとDevとOpsを管理するのは人だけではなく、文化が大事。

Empowering Designers to Code by Diana

デザイナーがコードを書くために知っておきたい前準備。一昔前よりもコーディングすることへのハードルは高くなってきているものの、チームとして環境を用意しておく心構えこそが大事。

The State of Front-End Dev

Chris Coyier氏、Jina Bolton氏、Rebecca Murphey氏など6名のフロントエンダー達による30分のフロントエンド開発の現状についてのパネルディスカッション。

Announcement

Slack for Frontend Weekly

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

In Brief