Frontend Weekly Vol.93

Headlines

You Can’t Get Comfortable in Web Development by Rey Bango

Web開発に”安定”期はない

最近特に話題にあがるWeb開発を取り巻くツール群や定まらないベストプラクティス達へ不満や不安に関する記事。

You Don’t Have to Know Everything

Rey Bango氏の言う通り、全てを知る必要はないし、全てを知ることは不可能だ。コンセプトを学び、フローを知る。後はただ書くだけ。

@supports will change your life by Charlotte Jackson

@supportsの使いどころ

@supportsそのものの実装が新しいブラウザにしかないため、イマイチ使いどころがわからないケースが多い。一体どんな風に使うのがよいのか。この記事ではCSS ShapesやBlend ModeなどCSSを使ったデザインの表現力を向上させるプロパティと組み合わせて使う方法について紹介。

Taking Pattern Libraries To The Next Level by Smashing Magazine

パターンライブラリをよりよくするために

スタイルガイドやパターンライブラリとよばれるデザイン・システムを具現化するためのツールをより強固にするために知っておきたいこと。GEのやAirBnB、Guardianなどの実例を見ながら、システムとしての利用価値を上げるために考慮するべきことが多く紹介されている。

Responsive table layout by Matt Smith

レスポンシブ・テーブルレイアウトについて

レスポンシブ・デザインの中でも頭の痛い問題の1つであるテーブル。コンテンツそのものが重要であるケースも多いためにこれまでにも多くの解決が提案され、実装されてきた。この記事ではその解決の中でもシンプルな実装について詳しく解説している。

Designing Card-Based User Interfaces by Smashing Magazine

カードUIのデザインについて

今となっては当たり前のUIパターンの1つとなったカードUI。なぜカードUIは短い期間で多くのユースケースを得ることができたのかの理由と、その使いどころ、実装における注意点などについて解説。

What’s The Deal With The Samsung Internet Browser? by Smashing Magazine

サムソンインターネットブラウザって何?

Androidにおいて最も利用されているブラウザはAndroid for Chromeになりつつある。しかし、デフォルトで搭載されていたブラウザの存在もまだまだ無視できない。特にシェアの多いサムソン製の端末にインストールされているブラウザは若干特別な存在だ。PPKがその特殊でありながら大きなシェアを誇るサムソンインターネットブラウザについて詳しく解説。

The State of HTML5 Input Elements

HTML5のinput要素の現状について

多くの人がすでに利用を始めているだろうHTML5でInputに追加された多くの属性達。特にキー入力が面倒なスマートフォンでは必須の実装となるケースも多いだろう。そのInputと属性についてのブラウザの挙動に関するまとめ記事。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief