Frontend Weekly Vol.98

Headlines

Custom Elements: an ecosystem still being worked out by Tales of a Developer Advocate

カスタム・エレメントの現在

かなり長い時間をかけて実装が進んでいる印象のカスタム・エレメント。Safariがついに動き出し、エコシステムは一歩前進した。ここまでのふり返りと、これからについて。

Things I’ve Learned About CSS Grid Layout by CSS-Tricks

CSS Gridについてこれまで学んだこと

CSS Gridにおける注意点とテクニックのまとめ。Firefox Developer Edition、Google Chrome Canaryでフラグなしで動き始めたCSS Gridについて、例を交えて詳しく解説。

Front-End Development Is Design

フロントエンド開発はデザインである

フロントエンド開発はデザインが作り出したコンセプトを形に変えることとも言える。そのプロセスでどうしてもコンセプトとアウトプットが乖離してしまうことがある。
それは何故なのか、そしてどう解決していくべきかのか。

Hamburger menu alternatives for mobile navigation

モバイルナビにおけるハンバーガーメニューの代わり

まあまあ評判のよろしくないハンバーガーメニュー。とはいえ、小さなモバイルの土地においてナビゲーションを行うのにほかに適した方法があるのか?
記事ではその「ほかの方法」について実例を交えて紹介している。

A Study Plan To Cure JavaScript Fatigue

JavaScriptに「疲れ」た人のための学習プラン

フロントエンド・エンジニアのJavaScript「疲れ」は最近よく飛び交うトピックの1つ。それが何故なのか、といよりも、それを解決するプランを提案するこの記事はすばらしい。
JavaScript「疲れ」から逃れるための効率的なプランになっていると思うので、記事は長いがおすすめしたい。

Rethinking Responsive Design

レスポンシブ・デザイン再考

レスポンシブが画面のサイズに対応すること、なのはもう昔の話かも知れない。画面のサイズだけではなく、ローパワーの端末への対応、四角ではない形の画面への対応、VRへの対応も考えられる。そんな新しい世界へもレスポンシブであるべきでは、という記事。

Getting Started With CSS calc() by Smashing Magazine

calc()をもっと使いこなそう

何かと便利なCSSのcalc、これまでも何度か紹介してきてはいるが、今回はSmashing Magazineから。流石によくまとまっているので、ぜひ。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief