Frontend Weekly Vol.185

プログレッシブ・エンハンスメント、ネイティブLazy Load、セマンティックなHTMLほか計10リンク

The power of progressive enhancement by No Divide

プログレッシブ・エンハンスメントが持つ力

久しぶりに”プログレッシブ・エンハンスメント”に関する記事。
Reactのような素晴らしいライブラリがあることはよいこと。そんな時代だからこそ、プログレッシブ・エンハンスメント”の重要性について改めて考える切っ掛けとなる記事。

A native lazy load for the Web platform by Calibre

ネイティブなLazy LoadがBlinkで実装

それなりの業界経験があるJS書きを生業としている方は、画像のLazy Loadな実装を自前でしたことがあるだろうし、そうでなくても、なにがしかのライブラリを利用したことがあることだろう。 そんなLazy LoadがBlinkに実装されたので、現行の仕様と試し方について解説。

Understanding why Semantic HTML is important, as told by TypeScript. by Mandy Michael

セマンティックなHTMLを理解するのは重要

Mandy Michael氏はTypeScriptを通じてHTMLのセマンティックの重要性について解説。 TypeScriptに詳しくなくても読めるが、ターゲットはHTMLをあまり知らないTypeScripter。

Service Worker Caching Strategies Based on Request Types by Google Dev Channel

Service Workerのキャッシュ戦略をURLを元にしたものではなく、Request.destinationを利用する方がいいかも知れない。 URLベースとRequest.destinationとの違いと利用方法、Request.destinationでは充足しないケースなどについて解説。

On Switching from HEX & RGB to HSL by Sara Soueidan

CSSの色指定を、HexとRGBからHSLでの指定にする理由について。

In Brief

• Using feature detection to write CSS with cross-browser support by CSS-Tricks: CSSでどうやってプログレッシブ・エンハンスメントは実装できるのか?様々な手法を一気に紹介
• Flexbox — The Animated Tutorial by JavaScript Teacher: Flexboxをアニメーションで解説。視覚的に覚える派にはぴったりのチュートリアル
• The definitive guide to JavaScript Dates by The Javascript Fundamentals Series: JavaScriptにおける日付の取り扱いについてのガイド
• Primer on Front End Automation by WalmartLabs: WalmartLabsチームにおけるフロントエンドのテスト自動化ツールセットについて
• Sometimes sizes is quite important. by CSS-Tricks: レスポンシブ画像において sizes は重要な属性。使い道と注意点について。