Menu

Post image 1
Post image 2
Post image 3
Post image 4
Post image 5
1 / 5
0

What’s !important #10: HTML-in-Canvas, Hex Maps, E-ink Optimization, and More | CSS-Tricks

CSS-Tricks·CSS-Tricks·about 1 month ago
#mIQAGj09
#aa#news#html#respond#maincontent#support
Reading 0:00
15s threshold

Developers have been experimenting with HTML-in-Canvas, a hexagonal world map-analytics feature, a web-based OS for e-ink devices, replacing img src s using content , and more. This is What’s !important #10 . HTML-in-Canvas experiments HTML-in-Canvas, a new API that enables us to render real semantic HTML in a <canvas> with visual effects, is the talk of the town right now, so let’s lead with that. Amit Sheen showed us how the HTML-in-Canvas API works , and also created some demos over at the HiC Showroom , like this one (requires Chrome 146 with the chrome://flags/#canvas-draw-element flag enabled): Building a hexagonal world map-analytics feature Ben Schwarz (awesome name, but no relation) talked about building a hexagonal world map-analytics feature . While it’s more of a retrospective than a developer walkthrough, it’s a really interesting read about analytics, design constraints, inspiration, engineering, and of course SVG and CSS. Source: Calibre .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More