Are Custom Properties a "Menu of What Will Change"? | CSS-Tricks
PPK laid out an interesting situation in "Two options for using custom properties" where he and Stefan Judis had two different approaches for doing the
A Crash Course in WordPress Block Filters | CSS-Tricks
Blocks in WordPress are great. Drop some into the page, arrange them how you like, and you’ve got a pretty sweet landing page with little effort. But what
How to Generate Random Background Colors With JavaScript
In this tutorial you’ll learn how to change the background color of a page randomly, using JavaScript. You’ll also learn how to modify your code to generate only pastel colors or dark colors.
Web components promise speedier integration. At some level, I understood this. I've even made this exact point while advocating for them. And yet, what happened on a recent project surprised me.
Start Using a Smart DAM and Image Optimization Stack
Asset management and website performance optimization are two of those unavoidable headaches faced by every website owner.A digital asset management (DAM) platform can provide centralized asset repo
Free Image Resizer | Resize Your Images Online | Promo.com
Instant image resizer for all web and social media formats with one click. Free photo resizer for multiple sizes at the same time for online, printing, ads...
OCTO Project: Flat explores how to make it easy to work with data in git and GitHub. It builds on the “[git scraping” approach pioneered by Simon Willison](https://simonwillison.net/2020/Oct/9/git-scraping/) to offer a simple pattern for bringing working datasets into your repositories and versioning them, because developing against local datasets is faster and easier than working with data over the wire.
Creating Your Own Reusable Vue Tabs Component – LearnVue
Reusable components are super important in VueJS. It helps you save so much time and when done right, really makes your project more readable and maintainable. In this tutorial, we'll be making a…
Creating Stylesheet Feature Flags With Sass !default | CSS-Tricks
!default is a Sass flag that indicates conditional assignment to a variable — it assigns a value only if the variable was previously undefined or null.
Useful VS Code Extensions For Front-End Developers — Smashing Magazine
Meet useful Visual Studio Code extensions for web developers: little helpers to minimize slow-downs and frustrations, and boost developer’s workflow along the way. Recently, we’ve also covered [CSS auditing tools](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [CSS generators](https://www.smashingmagazine.com/2021/03/css-generators/) and [accessible front-end components](https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/) — you might find them useful, too.
How we use Web Components at GitHub — Kristján Oddsson talks about how GitHub is using web components. I remember they were very early adopters, and it