caninclude.glitch.me
Can I Include
· Shared by 46, including Steve Faulkner SteveFaulkner@mastodon.social, Benoist Lawniczak, Marius Bleuer, Jitendra Vyas, Adrian Roselli (no blue check) 🗯, Stef Walter, anildash.com
twitter.com
Simon Hearne auf Twitter: "Ooh this <img decoding='async'> thing might be good. Thanks @addyosmani & @smashingmag ! https://t.co/feRtRm49O3 https://t.co/LMygKcz859" /…
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 5, including Marius Bleuer
ishadeed.com
Building A Stepper Component
9 min · · Building a horizontal and vertical stepper component with CSS flexbox · Shared by 28, including Claus Heller 🇺🇦, Yoav Ganbar (🥑 Builder.io/Qwik), Chris Heilmann codepo8@toot.cafe, Marius Bleuer
helgeklein.com
Impact of GPU Acceleration on Browser CPU Usage • Helge Klein
· GPU acceleration is en vogue. After slowly but steadily moving out of the 3D niche it has arrived in the mainstream. Today, applications like Microsoft Office leverage the GPU, but even more so do web browsers. Chrome, Firefox, and Internet Explorer all have hardware acceleration turned on by default. People generally seem to be happy […] · Shared by 6, including Marius Bleuer
twitter.com
Adam Argyle auf Twitter: "interval loop in the contrast color sweet spot for Safari 126 to go through the color…
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 5, including Marius Bleuer
Smashing Magazine 🇺🇦 🏳️🌈
The Humble Element And Core Web Vitals — Smashing Magazine
20+ min · · Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them… · Shared by 55, including Matthew Turland, Nicholas C. Zakas, Michael Zumstein, Dennis Lembrée, Kenneth Kalmer, Marius Bleuer, Judith Lewis, Yoav Ganbar (🥑 Builder.io/Qwik)
twitter.com
Adam Argyle auf Twitter: "💡 #CSS pseudo-classes `:out-of-range` and `:in-range` watch this input style change based on it's value: <input…
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 5, including Marius Bleuer
twitter.com
Chrome Developers auf Twitter: "📢 Early heads up that later this year @Google Search will take the new favicon mark-up…
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 3, including Marius Bleuer
Chrome Developers
Ten modern layouts in one line of CSS
9 min · · This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts. · Shared by 92, including David Hellmann, Stef Walter, Alain, DON’T PANIC, Aaron Gustafson, Rob Dodson, Jacob du Toit, Jessel Sookha, Marius Bleuer, Una 🇺🇦, Bryan Onel, Mohamed Azazy, Yoav Ganbar (🥑 Builder.io/Qwik), zeldman, Sara Soueidan
A List Apart
Quantity Queries for CSS
· In responsive design, we think a lot about space, especially in the context of screen sizes. But the amount of content or the number of elements is bound to affect space, too, just as unpredictably—and if we don’t want our designs to dictate our content, we need new ways to make our design aware of changing content quantities. Heydon Pickering walks us through a new idea for creating style breakpoints for quantities of HTML elements. · Shared by 61, including Aske Behrsin, Marius Bleuer, bouiboui, Pascal Birchler, Brad Brooks, front-end.social/@heydon, Carl Morris, Paweł Kuna, Tibor Martini 🇺🇦 @tibor@mastodon.social
stefanjudis.com
HTML defines a ping attribute on anchor elements (links)
2 min · · HTML anchors provide a ping attribute that can be used to send analytics information to defined URLs · Shared by 8, including Chris Heilmann codepo8@toot.cafe, Marius Bleuer
Chrome Developers
Verify phone numbers on the web with the Web OTP API
8 min · · Finding, memorizing, and typing OTPs sent via SMS is cumbersome. The Web OTP API simplifies the OTP workflow for users. · Shared by 13, including Tracy Lee | ladyleet, Marius Bleuer, Zain Fathoni
twitter.com
Stefan Judis auf Twitter: "CSS trick.👇 `list-style` affects semantics in some screen readers. Use `role` to define that a ul/ol…
· We've detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 4, including Marius Bleuer
Google for Developers
An update on the Structured Data Testing Tool
2 min · · [{ "type": "thumb-down", "id": "missingTheInformationINeed", "label":"Missing the information I need" },{ "type": "thumb-down", "id": "tooComplicatedTooManySteps", "label":"Too complicated / too many… · Shared by 23, including Marius Bleuer, Google Webmasters, Lily Ray 😏, AJ Kohn
Search Engine Land
How to get the most out of Google’s product Knowledge Panels
8 min · · What manufacturers and retailers need to know to take advantage of product Knowledge Panels in search. · Shared by 22, including AJ Ghergich, Marius Bleuer, Amy Bishop, Builtvisible
twitter.com
Tomek Sułkowski auf Twitter: "#HTML/#UX tip for today: Setting `autocomplete="one-time-code"` will allow your user to fill the input field with…
· “#HTML/#UX tip for today:
Setting `autocomplete="one-time-code"` will allow your user to fill the input field with the auth code they've just received - without the need to manually copy it from a message. https://t.co/AzK6YorX45” · Shared by 4, including Marius Bleuer