Search
In-Page Filtered Search With Vanilla JavaScript
26.10.2021
If you have a page that includes a lot of information, it’s a good idea to let users search for what they might be looking for. I’m not talking about searching a database or even searching JSON data — I’m …
The post In-Page Filtered Search With Vanilla JavaScript appeared first...
Colombian Government Might Take Unused Funds From Bank Accounts Inactive for a Year
26.10.2021
The budget law for the next year, which was recently approved by the Colombian representative’s chamber, includes a controversial article that allows the state to confiscate a bank customer’s funds to be used for budgetary purposes. Under certain circumstances defined by the...
The Greatest CSS Tricks Vol. I eBook (PDF and EPUB)
25.10.2021
When I wrote the “book” The Greatest CSS Tricks Vol. I, I put “book” in quotes because there wasn’t anything terribly book-like about it. The only way you could read it was online, logged into this website, with an …
The post The Greatest CSS Tricks Vol. I eBook...
The Semantics of Jamstack
25.10.2021
The past year has seen a healthy debate around the term ‘Jamstack’ as the definition gets stretched to include new use cases. I recently posted my take on a Jamstack definition in “Static vs. Dynamic vs. Jamstack: Where’s The Line?”…
The post The Semantics of Jamstack appeared...
Exploring the CSS Paint API: Rounding Shapes
22.10.2021
Adding borders to complex shapes is a pain, but rounding the corner of complex shapes is a nightmare! Luckily, the CSS Paint API is here to the rescue! That’s what we’re going to look at as part of this “Exploring …
The post Exploring the CSS Paint API: Rounding Shapes appeared first...
The CSS-in-React Landscape
22.10.2021
(This is a sponsored post.)
I only half-jokingly refer to the CSS-in-JS world as CSS-in-React. Many of the libraries listed below theoretically work in non-React situations — they generally call that “framework-agnostic”) — but I’d guess the vast majority …
The post...
How to Create a Contact Form With Next.js and Netlify
21.10.2021
We’re going to create a contact form with Next.js and Netlify that displays a confirmation screen and features enhanced spam detection.
Next.js is a powerful React framework for developing performant React applications that scale. By integrating a Next.js site with …
The post How...
Some Typography Links VIII
21.10.2021
Do you know what to use the @ sign for something other than email addresses and Twitter handles? I do! —  Pawel Grzybek notes how some old physical typewriters had an “Arroba” on them which was represented with the @
…
The post Some Typography Links VIII appeared first...
Creating Your Own Bragdoc With Eleventy
20.10.2021
No matter what stage you’re at as a developer, the tasks we complete—whether big or small—make a huge impact in our personal and professional growth. Unfortunately, those tasks aren’t always recognized because they can easily get lost in the sea …
The post Creating Your Own Bragdoc With...
@supports selector()
19.10.2021
I didn’t realize the support for @supports determining selector support was so good! I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support …
The post @supports selector() appeared first...
An Interview With Elad Shechter on “The New CSS Reset”
19.10.2021
Hey folks! Elad reached out to me to show me his new CSS reset project called the-new-css-reset. It’s quite interesting! I thought a neat way to share it with you is not only to point you toward it, but …
The post An Interview With Elad Shechter on “The New CSS Reset” appeared...
Three-Digit Browser Versions in March 2022
19.10.2021
This isn’t supposed to be any sort of decision-making based on browser User-Agent Strings. But, ya know, collectively, we do make those decisions.
Karl Dubost notes that there is a significant change coming to them, notably moving the version …
The post Three-Digit Browser Versions...
How to Build a Nearly Headless WordPress Website
18.10.2021
I believe that a traditional WordPress theme should be able to work as effectively as a static site or a headless web app. The overwhelming majority of WordPress websites are built with a good ol’ fashioned WordPress theme. Most of …
The post How to Build a Nearly Headless WordPress...
Expandable Sections Within a CSS Grid
15.10.2021
I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping …
The post Expandable Sections Within a CSS Grid appeared...
Different Degrees of Custom Property Usage
14.10.2021
One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root of the page and use them throughout your CSS. Very useful, and the classic …
The post Different Degrees of Custom Property Usage appeared first...
Embedded Analytics Made Simple With Cumul.io Integrations
14.10.2021
Browse through SaaS communities on Twitter, LinkedIn, Reddit, Discord, you name it and you’ll see a common theme appear in many of them. That theme can go by many names: BI, analytics, insights and so on. It’s natural, we do …
The post Embedded Analytics Made Simple With Cumul.io...
CSS is Going Gosh-Darned Hog Wild, I Tell Ya What
13.10.2021
As someone just sittin’ back watching CSS evolve, it feels like we’re at one of the hottest moments of innovation in CSS history. It was really something when we got flexbox across all browsers, and not terribly long after, grid. …
The post CSS is Going Gosh-Darned Hog Wild,...
Less Absolute Positioning With Modern CSS
13.10.2021
Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should …
The post Less Absolute Positioning With Modern CSS appeared first...
Jamstack Developers’ Favorite Frameworks of 2021
12.10.2021
Which new framework should I learn this year? Is it time to ditch my CMS? What tools should I pick up if I want to scale my site to an audience of millions? The 2021 Jamstack Community Survey is here …
The post Jamstack Developers’ Favorite Frameworks of 2021 appeared first on CSS-Tricks....
WooCommerce + Google Analytics
12.10.2021
Google Analytics is powerful analytics software. A common way to use it is to just slap the JavaScript snippet on every page template you have and let it collect basic data about unique visitors and pageviews and such. That’s useful, …
The post WooCommerce + Google Analytics appeared...