Frontend Weekly Vol.111

Headlines

How to construct a design system

デザイン・システムの”デザイン”

そもそもデザイン・システムとはどんなものを指すのかから、色、シャドウ、タイポグラフィーなど、デザイン・システムをデザインするための基本的な情報がよくまとまっている。

What is a web developer? by QuirksBlog

Webデベロッパに必要な必要なスキルとは?

Webデベロッパ、という肩書きで仕事をする人にはどんなスキルが必要なのだろうか? Peter-Paul Koch氏らしい、アグレッシブなモノの定義ではあるものの、彼の言わんとしていることは理解できる。どんなスキルを持ってしてWebデベロッパと呼べるのか?

Touch Devices Should Not Be Judged By Their Size by CSS-Tricks

タッチ・デバイスはデバイスサイズでは検知できない

タッチ・デバイスの存在を検知するのは不可能だ。マウスやキーボードが存在していても、タッチできる端末はたくさんある。その解決のためにメディア・クエリのレベル4にて、Interaction Media Featuresという仕様がWorking Draftとなっており、ブラウザの実装も進んでいる。

Responsive CSS Patterns without Media Queries

メディア・クエリを使わないレスポンシブデザイン実装

レスポンシブ・デザインを実装するのにはメディア・クエリだけが解決ではない。メディア・クエリが悪手なわけでは、もちろんないが、それが利用できない環境や、メディア・クエリの間の調整などにも役に立つテクニックなので覚えておくと便利。

Ad Blocking Experiments by FT Labs

広告ブロックに関する実験

インターネットにおける広告は広告ブロックの存在とその精度の向上により、新しいチャレンジと向き合うタイミングがやってきた。この記事では、FT Labsが行った広告ブロックを使っているユーザに対する実験結果について紹介している。

Nuances of CSS Transitionend Events by Sparkbox

Transitionendイベントのニュアンス

トランジションが終わったタイミングで別のアニメーションを動作させる。transitionendイベントを使えば簡単に解決できそうだが、そうでもない。よくある落とし穴について詳しく解説。

The evergreen web

常に新しいWebであるためのベストプラクティス集

どこにでもWebブラウザは存在しうるし、それだけWebは当たり前の存在となったと言える。しかし、その存在がWebの進化を止めてはいけない。どうすることで回避できるのかについて、W3C TAGによる所感。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief