Found 265 bookmarks
Newest
Fluid Responsive Design | Utopia
Fluid Responsive Design | Utopia
Utopia is not a product, a plugin, or a framework. It’s a memorable/pretentious word we use to refer to a way of thinking about fluid responsive design.
·utopia.fyi·
Fluid Responsive Design | Utopia
HTML with Superpowers - daverupert.com
HTML with Superpowers - daverupert.com
I think if you were using Web Components before 2020 you were an early adopter and you probably have some scars to show for it. But in 2021, now that all modern browsers support Web Components, I think they’re worth investigating.
·daverupert.com·
HTML with Superpowers - daverupert.com
SmolCSS
SmolCSS
Minimal snippets for modern CSS layouts and components
·smolcss.dev·
SmolCSS
A Complete Guide to Custom Properties
A Complete Guide to Custom Properties
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as “CSS Variables” but that’s not their real name.
·css-tricks.com·
A Complete Guide to Custom Properties
The Alternative CSS principle  |  Stuff & Nonsense
The Alternative CSS principle  |  Stuff & Nonsense
Let’s face it, unless you develop a complex product—and even if you do—you probably don’t need half the humungous hunk of CSS you bung at a browser. In fact, it’s possible you only need one default and one alternative style for every element.
·stuffandnonsense.co.uk·
The Alternative CSS principle  |  Stuff & Nonsense
Tailwind CSS
Tailwind CSS
Rapidly build modern websites without ever leaving your HTML. If you can suppress the urge to retch long enough to give it a chance, I really think you'll wonder how you ever worked with CSS any other way.
·tailwindcss.com·
Tailwind CSS
Debugging CSS
Debugging CSS
An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.
·debuggingcss.com·
Debugging CSS
Modern CSS Techniques To Improve Legibility
Modern CSS Techniques To Improve Legibility
Modern CSS has numerous tools to help you improve the legibility of your text, from cutting edge technologies like variable fonts, to newly precise control of established properties. Edoardo Cavazza introduces some of his favorite tricks, with plenty of actionable tips for implementing them on your own sites.
·smashingmagazine.com·
Modern CSS Techniques To Improve Legibility
A Complete Guide to CSS Functions | CSS-Tricks
A Complete Guide to CSS Functions | CSS-Tricks
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration.
·css-tricks.com·
A Complete Guide to CSS Functions | CSS-Tricks
Responsive CSS Grid - Books
Responsive CSS Grid - Books
Yet another CSS Grid product layout. This time with books, clip-path, conic-gradient and, of course, some superfluous shadows and hover effects...
·codepen.io·
Responsive CSS Grid - Books
BEM Naming Cheat Sheet by 9elements
BEM Naming Cheat Sheet by 9elements
This tool aims to help you to not get lost in the BEM cosmos by giving you naming-suggestions for some of the most common web components.
·9elements.com·
BEM Naming Cheat Sheet by 9elements
Responsive Images the Simple Way
Responsive Images the Simple Way
The responsive images spec is fantastic and covers a lot of use cases, but in my experience, most of the time you’ll only need to understand one of them: Serving a different sized copy of the same image depending on the user’s viewport width.
·cloudfour.com·
Responsive Images the Simple Way
Pixels vs. Relative Units in CSS: why it’s still a big deal
Pixels vs. Relative Units in CSS: why it’s still a big deal
The most important reason for using responsive and unitless values in our CSS is for supporting our users that rely on zooming. If you read the Web Content Accessibility Guidelines, our users need to be able to zoom the viewport without loss of content or functionality, or restrictions imposed by CSS values or viewport scaling settings.
·24a11y.com·
Pixels vs. Relative Units in CSS: why it’s still a big deal
Spacing, Grids and Layouts
Spacing, Grids and Layouts
The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and bringing it all together for modern UI layouts.
·designsystems.com·
Spacing, Grids and Layouts