2024-09-30-Inspirations

18 bookmarks
Custom sorting
Inclusive Design Patterns For 2025
Inclusive Design Patterns For 2025
Recording of a free webinar by Smashing Magazine incl. loads of interesting material
·youtube.com·
Inclusive Design Patterns For 2025
How I build a button component
How I build a button component
A button is arguably the most likely component to find itself in your codebase so I’m going to show you how I approach building one.
·piccalil.li·
How I build a button component
Replacing React code with CSS :has selector
Replacing React code with CSS :has selector
Looking into what the new CSS :has selector is and how it can be used to improve our React code. Includes practical and beautiful examples.
·developerway.com·
Replacing React code with CSS :has selector
The Undeniable Utility Of CSS :has
The Undeniable Utility Of CSS :has
The :has selector is incredibly powerful. Things that used to require JavaScript can now be accomplished exclusively using CSS!
·joshwcomeau.com·
The Undeniable Utility Of CSS :has
CSS Masonry Layouts | Nicole Sullivan | CSS Day 2024
CSS Masonry Layouts | Nicole Sullivan | CSS Day 2024
There’s differing, strong opinions on how best masonry layouts should finally be realised in CSS. Nicole does a good job of bringing us up to speed on the various sides both clearly and fairly.
·youtube.com·
CSS Masonry Layouts | Nicole Sullivan | CSS Day 2024
Sticky Headers And Full-Height Elements: A Tricky Combination
Sticky Headers And Full-Height Elements: A Tricky Combination
Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.
·smashingmagazine.com·
Sticky Headers And Full-Height Elements: A Tricky Combination
Design Principles Every Developer Should Know
Design Principles Every Developer Should Know
In software development, certain principles stand as the bedrock for writing code that is not only functional but also clean, maintainable, and efficient. In this article, we will explore 9 such software design principles every developer should have in their toolkit.
·blog.algomaster.io·
Design Principles Every Developer Should Know
The web's clipboard, and how it stores data of different types
The web's clipboard, and how it stores data of different types
I find the Web Custom Formats proposal promising, and I hope it becomes implemented by all of the major browsers. It seems like it would enable writing custom data types to the clipboard in a secure and practical manner.
·alexharri.com·
The web's clipboard, and how it stores data of different types
The unreasonable effectiveness of simple HTML
The unreasonable effectiveness of simple HTML
Are you developing public services? Or a system that people might access when they're in desperate need of help? Plain HTML works. A small bit of simple CSS will make look decent. JavaScript is probably unnecessary - but can be used to progressively enhance stuff.
·shkspr.mobi·
The unreasonable effectiveness of simple HTML
Good forms
Good forms
Brian LeRoux posted a few thoughts about forms and the idea of a “good form” resonated with me so I dogpiled some of my own thoughts and experiences on it. Here’s a compilation of those ideas. I’m sure this is incomplete and would love to see your list.
·daverupert.com·
Good forms