Vol.340

Photoshop’s journey to the web Jump to heading #

Webで実装されたPhotoshop Jump to heading #

現在Adobeはパブリックベータ版としてPhotoshopのWeb版をリリースしている。複雑なソフトウェアであるPhotoshopがWebに実装されるまでにどのような課題があったのか、またそれらをChromeがどのようにサポートしているのか、利用されているAPIについてなど、その詳細を説明している。

New HTTP standards for caching on the modern web Jump to heading #

新しいHTTP標準でのキャッシュ Jump to heading #

Cache-StatusヘッダーとTargeted Cache-Controlヘッダーの2つについての解説。この2つは現在標準化に向けてレビューがされている新しい仕様である。この記事ではこの2つがどういった経緯で標準化が進められているのか、どういった仕様なのかについて詳細に解説を行う。

How to (properly) break your design system Jump to heading #

デザインシステムを（適切に）破壊する方法 Jump to heading #

デザインシステムはプロダクトを効率よく作るため、デザインを構築するために使用される。しかし、同じことを繰り返すことを続けるだけでは、プロダクトを拡大させることができない。このバランスをどのようにとるか、その考えを求めていく。

HTML with Superpowers Jump to heading #

Webコンポーネントについて解説をJavaScriptからのアプローチではなく、HTML/CSS/JavaScriptという順序で解説していく。JavaScriptに詳しくなかったとしてもWebコンポーネントが扱えることを伝えたいと話す。

When to Skip UX Research | UX Tools Jump to heading #

UXリサーチを後回しにして良いタイミングと状況の例を挙げる。

In Brief Jump to heading #

• Prevent Scroll Chaining With Overscroll Behavior - Ahmad Shadeed: overscroll-behavior のプロパティでスクロールを禁止する方法の紹介

• Extracting Microservices from a Monolith: モノリシックなサービスをマイクロサービスに分割するための考え方を、テクニックを紹介する

• Pure CSS Custom Styled Radio Buttons | Modern CSS Solutions: CSSだけでスタイリングされ、動作するラジオボタンを実装する方法を紹介する

• Building a multi-select component: 複数選択可能なselectを実装する

• Which SVG technique performs best for way too many icons?: SVGをWebサイトで表示するときに使えるテクニックを紹介し、どのようなテクニックがどのような場面で有効になるかを解説する