Frontend Weekly Vol.87

Headlines

Slicing SVG 9 Ways by Aerotwist

SVGをつかったシャドウの最適化手法解説

描画に時間がかかるシャドウをアニメーションさせてしまうと、どうしてもパフォーマンスは落ちてしまう。Paul Lewis氏はこの問題に際してSVGをシャドウ代わりにし回避。その手法について詳しく解説。

A few HTML tips by Mozilla Hacks

HTMLを書く際に知っておきたいこと

当たり前と思うなかれ。意外と知らない/忘れてしまっているHTMLの基本とコツ。アクセシビリティにおいても根幹となる部分だからこそ、しっかりと振りかえっておきたい。

Structuring CSS in large projects by Peergrade

大規模プロジェクトでCSSをどう構成するべきか

もうすっかり聞き飽きた頃だとは思うものの、CSSをスケールさせるのは非常に難しい。その解決のため、様々なアプローチが考案され続けて来ている。この記事では、実際に大規模なプロジェクトでどんなアプローチをしたのかについて、ざっくりわかりやすく解説している。

Demythstifying Web Components by Back Alley Coder

Web Componentsの秘密を暴く

実はWeb Componentsがどんなものなのか理解できていない、という方も多いことだろう。その『よくわからない』の原因を明らかにしながら、よくある勘違いを正しい理解へ導きながら、Web Componentsについて解説。

The inaccessible web: how we got into this mess by uxdesign.cc

アクセシブルではないWeb

アクセシビリティを考慮することは決して特別なことではない。しかし、現実はなかなかそうはいかない。記事ではなぜそうなってしまったのかについて考察している。

The art of writing small and plain functions

わかりやすい、小さな関数たち

“Do one thing. Do it well.”は言わずと知れたUNIXの哲学。
ロジックをくみ上げていくウチに長く大きくなっていってしまいがちな関数を、わかりやすく、ちいさく分割する方法について解説。

When is the Right Time to Think about Web Performance? by CSS-Tricks

パフォーマンスはいつから考え始めるべきか

パフォーマンスは重要な機能の1つである。とは言うものの、どのタイミングから考慮するべきなのか。短いながら、しっかりと大切なポイントを押さえた記事。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief