What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
A curated roundup of notable web development experiments and features. Highlights include the new HTML-in-Canvas API (rendering semantic HTML inside canvas with visual effects, currently behind a Chrome flag), a retrospective on building a hexagonal world map analytics feature using SVG and CSS, and Rekindle — a web-based OS for e-ink devices that surfaces the gap between Media Queries Level 5 capabilities and low-powered proprietary browsers. Also covered: using the CSS `content` property to replace `img` src attributes (including with `image-set()`), the new `sizes=auto` attribute for lazy-loaded responsive images, and a summary of new features in Firefox 150 and Safari TP 242.
Table of contents
HTML-in-Canvas experimentsBuilding a hexagonal world map-analytics featureRekindle — a web-based OS for e-ink devicesReplacing img src s using contentImplementing responsive images with sizes=autoNew web platform features and updates2 Comments
Sort: