Parsel: A tiny, permissive CSS selector parser
2.10.2020
If you’ve ever thought to yourself, gosh, self, I wish I could have an Abstract Syntax Tree (AST) of this CSS selector, Lea has your back.
If you’ve ever thought that same thing for an entire CSS file, that’s what PostCSS is, which has gone v8. PostCSS doesn’t do anything...
A Complete Guide to CSS Media Queries
2.10.2020
Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings.
The post A Complete Guide to CSS Media Queries appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter
There’s a good reason why experienced devs say “it depends” so often
2.10.2020
I feel like Jerod Santo really understood what I was trying to say in Weaved Webs, when I was trying to cover the emerging WordPress (“versus”) Jamstack conversation.
If you asked El Duderino if you should go Jamstack he’d probably tell you, “It’s a complicated case. Lotta ins. Lotta...
Some Industry Podcasts
1.10.2020
Clearleft made a 6-episode Season One
It’s called The Clearleft Podcast if you can believe that. It gets into new (at least to me) concepts like Design Ops and Design Sprints, which are loaded terms and need nuanced discussion. It’s really well-edited, pulling in clips from relevant...
Collective #625
1.10.2020
The failed promise of Web Components * a11yresources * IconPark * Modfy * Ballpoint * urlcat
The post Collective #625 appeared first on Codrops
The Paper Prototype Rule
1.10.2020
I’ve been lucky to have worked with some of the best designers in the industry, including Zhenya Rynzhuk, Louis Paquet, Maria de la Paz Vargas, and of course, dozens of the amazing designers at MediaMonks. Many of the projects we’ve worked on require custom animation and guidelines that enable...
Achieving Vertical Alignment (Thanks, Subgrid!)
30.9.2020
Our tools for vertical alignment have gotten a lot better as of late. My early days as a website designer involved laying out 960px wide homepage designs and aligning things horizontally across a page using a 12-column grid. Media queries came along which required a serious mental shift. It solved...
POW
30.9.2020
As a connoisseur of web trickery, this is a must share:
POW stands for Packaged Offline/online Webpage. It turns out the png format includes ways to save metadata alongside the image file. A powfile has a metadata entry that contains a zip file that contains a full website.
So a PNG file...
Creating Mirrors in React-Three-Fiber and Three.js
30.9.2020
A brief walk-through of how to create a mirror scene with react-three-fiber.
The post Creating Mirrors in React-Three-Fiber and Three.js appeared first on Codrops
Some New Icon Sets
29.9.2020
I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that...
Make Your Own Dev Tool
29.9.2020
Amber Wilson on making bookmarklets to help yo-self. She shows off one that injects an accessibility script — I like this approach, as it means you don’t have to maintain the bookmarklet, just the script it links to). Another example runs some code contained right in the link. The result...
Shoelace 2.0: A Forward-thinking Library of Web Components
29.9.2020
A few years ago, I released a lightweight alternative to Bootstrap affectionately named Shoelace. Shoelace was small and fast because of its minimal design and pure CSS approach to styling. It used CSS custom properties extensively to enable customizations, even when loaded via CDN — something...