Native Lazy-Loading for The Web — As of Chrome 76 (available now), you can use the loading attribute to natively lazy load resources, without the need for custom code or a separate JS library. This post dives into the details.
Houssein Djirdeh, Addy Osmani, Mathias Bynens
|
A Better Way to Track Your Backlog — Want a project management tool that's both powerful and a joy to use? Designed for developers, Clubhouse simplifies your workflow. Seamless integration with GitHub, GitLab, Slack and more. Start your free trial today and get 2 extra free months.
Clubhouse.io sponsor
|
New CSS Features in Firefox 68 — A look at the CSS additions and changes introduced in Firefox 68, including CSS scroll snapping, the ::marker pseudo-element and more.
Rachel Andrew (Mozilla)
|
A CSS Modules v1 Explainer — Don’t get ready to use them yet, but this is an interesting, early-stage proposal to extend the ES modules system (i.e. JavaScript modules) to include CSS modules.
Dan Clark
|
Writing Modes And CSS Layout — “Writing modes” aim to address the situation where you need to write written language in directions other than left-to-right, top-to-bottom. Rachel Andrew looks at why supporting writing modes is important and how they interact with CSS, grid layouts, and flexbox.
Rachel Andrew
|
📙 Articles, Tutorials & Opinion
|
Multi-Column Manipulation — An interesting experiment in applying multiple columns in response to the amount of content. So, if the viewport is wide enough the content will dynamically divide to two or more columns.
Heydon Pickering
|
An Introduction to Svelte — Svelte is a frontend framework (in the same vein as React or Angular) — here’s a look at how it works, hot to get started with it, plus a few example apps.
Dave Ceddia
|
The :empty Selector — How to use the :empty selector to style elements with no children or content.
Samantha Ming
|
The 2019 Design Systems Survey Results — Lots of detail here as to both how and why people are using design systems — the takeaway being that they add value in providing consistency and efficiency.
Sparkbox
|
🔧 Code, Tools & Resources
|
Infinite Burger — Drag and resize the window and the burger will grow, thanks to the background-repeat: round property…and now I’m hungry.
Thiyagaraj T codepen
|
Font Style Matcher — Using a web font? This little tool helps you pick a decent fallback font to try and minimize any noticeable ‘flash of unsettled text’ during initial render.
Monica Dinculescu
|
Photoronoi — This is a neat effect. Upload an image (or point it to an image URL) and see it turned into a Voronoi-style SVG.
Amelia Wattenberger
|
|
No comments:
Post a Comment