Oh, the Places JavaScript Will Go
19.11.2019
I tend to be pretty vocal about the problems client-side JavaScript cause from a performance perspective. We're shipping more JavaScript than ever to our user's devices and the result is increasingly brittle and resource-intensive experiences. It's... not great.
But that doesn't mean I don't like...
How Do You Remove Unused CSS From a Site?
19.11.2019
Here's what I'd like you to know upfront: this is a hard problem. If you've landed here because you're hoping to be pointed at a tool you can run that tells you exactly what CSS you can delete from your project, well... there are tools out there, but I'm warning you to be very careful with them...
Six Months Using Firebase Web Performance Monitoring
19.11.2019
I don't really think of Firebase as a performance monitoring tool (all I ever think about is auth and real-time data storage), but nevertheless, it totally has that feature.
Justin Ribeiro...
[A] tool to track what real users in the wild are experiencing with an easy setup? Yes, please. [...]...
serpstack
19.11.2019
(This is a sponsored post.)
Is it your job to keep an eye on your company's search engine placement? Or your clients? Or are you building a tool to do just that? Manually Googling stuff isn't going to scale particularly well there. Wouldn't it be nice if you could hit an API and it would return...
The Tools are Here
19.11.2019
Heading into 2020, it occurs to me that I've now been making websites for 20 years. Looking back on that time, it seems as though our practices have been in near-constant churn, and that our progress did not always seem linear. But ultimately, even the missteps and tangents along the way have...
Real-Time Google Search Results API with serpstack (Sponsored)
19.11.2019
In my early web days, I was interested in scraping and collecting data based on the results of Google searches. Scraping Google was easier in those days but now Google search results are so dynamic that you can’t rely on getting the same HTML or data structure back. Add in CAPTCHAs, rate...
Teaching CSS
19.11.2019
I've been using CSS as a web developer since CSS became something we could actually use. My first websites were built using <font> tags and <table>s for layout. I remember arguments about whether this whole CSS thing was a good idea at all. I was quickly convinced, mostly due to...
The Communal Cycle of Sharing
18.11.2019
What I'm interested in this year is how we're continuing to expand on tools, services, and shared side projects to collectively guide where we take the web next, and the way we're sharing that.
So many other mediums—mostly analog ones—have been around for ages and have a deeper history. In...
The Best Cocktail in Town
18.11.2019
I admit I've held in a lot of pent-up frustration about the direction web development has taken the past few years. There is the complexity. It requires a steep learning curve. It focuses more on more configuration than it does development.
That's not exactly great news for folks like me...
The Kind of Development I Like
18.11.2019
I'm turning 40 next year (yikes!) and even though I've been making websites for over 25 years, I feel like I'm finally beginning to understand the kind of development I like. Expectedly, these are not new revelations and my views can be summed up by two older Computer Science adages that pre-date...
We asked web developers we admire: “What about building websites has you interested this year?”
18.11.2019
For the first time ever here on CSS-Tricks, we're going to do an end-of-year series of posts. Like an Advent calendar riff, only look at us, we're beating the Advent calendar rush! We'll be publishing several articles a day from a variety of web developers we look up to, where gave them all...
Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby
18.11.2019
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own.
With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your...