Search
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...
Those “Get The App” Banners
12.10.2021
Why would a company promote a native app over their perfectly usable website?
We’d have to ask them, I suppose. But it’s hard not to see this push to native as a matter of priorities: that these companies consider native
…
The post Those “Get The App” Banners appeared first...
Cash (Tiny jQuery Alternative)
11.10.2021
The README for Cash is straightforward:
Cash is an absurdly small jQuery alternative for modern browsers (IE11+) that provides jQuery-style syntax for manipulating the DOM. Utilizing modern browser features to minimize the codebase, developers can use the familiar chainable methods
…
The...
Better Collaboration With Pull Requests
11.10.2021
This article is part of our “Advanced Git” series. Be sure to follow us on Twitter or sign up for our newsletter to hear about the next articles!
In this third installment of our “Advanced Git” series, we’ll look at …
The post Better Collaboration With Pull Requests appeared first...
The Case for ‘Developer Experience’
8.10.2021
A good essay from Jean Yang.
What I mean by developer experience is the sum total of how developers interface with their tools, end-to-end, day-in and day-out. Sure, there’s more focus than ever on how developers use and adopt tools, and
…
The post The Case for ‘Developer...
Jekyll doesn’t do components? Liar!
8.10.2021
I like the pushback from Katie Kodes here. I’ve said in the past that I don’t think server-side languages haven’t quite nailed “building in components” as well as JavaScript has, but hey, this is a good point:
1. Any basic
…
The post Jekyll doesn’t...
Building a Tennis Trivia App With Next.js and Netlify
8.10.2021
Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows for rapid development and easy deployment.
Without further ado let’s jump in!…
The post Building a Tennis Trivia App With Next.js...
Comparing Google Analytics and Plausible Numbers
8.10.2021
I saw this blog post the other day: 58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics. That’s an enticing title to me. I’ve had Google Analytics on this site literally from the day I launched it. …
The post Comparing Google Analytics and Plausible Numbers...
Writing Your Own Code Rules
8.10.2021
There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere after the project has proven to be something long-term and rough edges …
The post Writing Your Own Code Rules appeared first...
Developer Decisions For Building Flexible Components
7.10.2021
Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code!
We simply can no longer
…
The post Developer Decisions For Building Flexible Components...
CSS in TypeScript with vanilla-extract
7.10.2021
vanilla-extract is a new framework-agnostic CSS-in-TypeScript library. It’s a lightweight, robust, and intuitive way to write your styles. vanilla-extract isn’t a prescriptive CSS framework, but a flexible piece of developer tooling. CSS tooling has been a relatively stable space over …
The...
A Themeable React Data Grid With Great UX-Focused Features
7.10.2021
(This is a sponsored post.)
KendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however …
The post A Themeable React Data Grid With Great UX-Focused...
Collective #682
7.10.2021
The State of CSS Survey * Atropos * React Preview * A Guide To CSS Debugging
The post Collective #682 appeared first on Codrops
Websites We Like: MD Nichrome
7.10.2021
Here’s a beautiful website: it’s a type specimen for Mass-Driver’s ever-so-lovely type family MD Nichrome. There’s a ton of nifty animations and graphics explaining all the features inside…
If you’re wondering how those animations work, they’re actually styled...
The Single Page App Morality Play
7.10.2021
Baldur Bjarnason brings some baby bear porridge to the discussion of Single Page App (SPA) vs. Multi Page App (MPA).
Single-Page-Apps can be fantastic. Most teams will mess them up because most teams operate in dysfunctional
…
The post The Single Page App Morality Play appeared first...
Considerations for Using Markdown Writing Apps on Static Sites
6.10.2021
If you run or have recently switched to a static site generator, you might find yourself writing a lot of Markdown. And the more you write it, the more you want the tooling experience to disappear so that …
The post Considerations for Using Markdown Writing Apps on Static Sites appeared...
The Options for Password Revealing Inputs
6.10.2021
In HTML, there is a very clear input type for dealing with passwords:
<input type="password"
If you use that, you get the obfuscated bullet-points when you type into it, like:
••••••••
That’s the web trying to help with security. If …
The post The Options for Password Revealing...
Scroll Shadows With JavaScript
6.10.2021
Scroll shadows are when you can see a little inset shadow on elements if (and only if) you can scroll in that direction. It’s just good UX. You can actually pull it off in CSS, which I think is …
The post Scroll Shadows With JavaScript appeared first on CSS-Tricks. You can support...