Frontend Weekly Vol.120

Headlines

Why Are App Install Banners Still A Thing? by Dev Channel

ネイティブ・アプリのインストールバナーの存在意義

ネイティブ・アプリの開発を辞め、PWAに移行するという事例も見られるようになってきた今、ネイティブ・アプリのインストールへ誘導するバナーにはどんな存在意義があるのか。 その考察とPWAとネイティブ・アプリの強みと弱みについて紹介。

ECMAScript modules in browsers by JakeArchibald.com

ECMAScriptのmodulesのブラウザ実装

いくつかのブラウザにてmodulesの実装が成されて来ている。この記事ではそもそもmodulesとは何か、ではなく、様々なブラウザでのテスト、スペックから得た、現時点のブラウザ特有の事項について紹介。

Refer to the spec: What is all that stuff at the top of the spec?

仕様書の読み方: まずは文書の上の部分について

仕様書を読むのにはある程度の慣れが必要だが、新旧問わず仕様書はブラウザ側の実装者たちだけではなく、我々フロントエンドな人たちにも有用なリソースだ。Rachel Andrew氏による仕様書の読み方シリーズの第一段。

Designing a Systems Team by EightShapes

デザイン・システムにおけるチームビルディング

チームビルディングのために考慮しなけれないけないコストや、必要なアサインなどを筆者の経験に基づき段階的に解説。どのようにスケールさせていくのか、チームをマネジメントするためのルールなどを実例踏まえて紹介している。

Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually by CSS-Tricks

カスタム・プロパティでできること

カスタム・プロパティのブラウザ実装が進み、実際に利用できる、あるいは利用を検討できる段階に来た。Sassなどの変数とは違うカスタム・プロパティの活用方法について解説。

Transitions in space by CSS Animation

トランジションの作り方

トランジション1つで平面的なデザインの印象を大きく変えることができる。この記事では実際に動作するサンプルとコードとともに正しいトランジションの作り方について紹介している。

What’s happening in CSS?

CSSで今何が起こっているかを知るためのリソース集

変化がわかりづらい傾向にあるCSSで、今どんな事が起こっているのかを知るために知っておくべきリソース集。全部見てたら、それなりの分量になるが、場を知っておくことはよいこと。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief