In Search of a Stack That Monitors the Quality and Complexity of CSS
12.8.2019
Many developers write about how to maintain a CSS codebase, yet not a lot of them write about how they measure the quality of that codebase. Sure, we have excellent linters like StyleLint and CSSLint, but they only help at preventing mistakes at a micro level. Using a wrong color notation, adding...
Collective #540
12.8.2019
Largest Contentful Paint * Dashblock * The birth of Inter * Amphora * JAMstack Templates * Extra.css
Collective #540 was written by Pedro Botelho and published on Codrops
Moving Text on a Curved Path
9.8.2019
There was a fun article in The New York Times the other day describing the fancy way Elizabeth Warren and her staff let people take a selfie with Warren. But... the pictures aren't actually selfies because they are taken by someone else. The article has his hilarious line of text that wiggles by...
Building a Full-Stack Serverless Application with Cloudflare Workers
9.8.2019
One of my favorite developments in software development has been the advent of serverless. As a developer who has a tendency to get bogged down in the details of deployment and DevOps, it's refreshing to be given a mode of building web applications that simply abstracts scaling and infrastructure...
WDRL — Edition 271: TTFB, the loading-attribute, tiny houses and work ethics.
9.8.2019
Hey,
The web is quite differently to when I started the newsletter in 2013 with the first edition. Back then, it was all about new features, new clever hacks and techniques how to build better websites. It was crazy at what speed we got new CSS features, and JavaScript evolved. Nowadays, it’s...
How to Crop Videos
9.8.2019
During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn’t necessary for our viewers to see. While there’s nothing wrong with giving viewers a peek into the show preparation, presenting the best...
Weekly Platform News: CSS font-style: oblique, webhin browser extension, CSS Modules V1
9.8.2019
In this week's roundup, variable fonts get oblique, a new browser extension for linting, and the very first version of CSS Modules.
Use font-style: oblique on variable fonts
Some popular variable fonts have a 'wght' (weight) axis for displaying text at different font weights and a 'slnt' (slant)...
Collective #539
8.8.2019
Native lazy-loading for the web * The case study factory * Predictably Random * Writing Modes And CSS Layout
Collective #539 was written by Pedro Botelho and published on Codrops
Design Principles for Developers: Processes and CSS Tips for Better Web Design
8.8.2019
It is technically true that anyone can cook. But there’s a difference between actually knowing how to prepare a delicious meal and hoping for the best as you throw a few ingredients in a pot. Just like web development, you might know the ingredients—<span>, background-color, .heading-1—but...
Get the Best Domain Name for your New Website
8.8.2019
(This is a sponsored post.)
If you're on CSS-Tricks, we can probably bet that you're in the process of building a really cool website. You've spent your time creating content, applying appropriate UX design techniques, coding it to perfection, and now you're about ready to launch it to the world.
A...
Using Immer for React State Management
7.8.2019
We make use of state to keep track of application data. States change as users interact with an application. When this happens, we need to update the state that is displayed to the user, and we do this using React’s setState.
Since states are not meant to be updated directly (because React’s state...
Quick Gulp Cache Busting
7.8.2019
You should for sure be setting far-out cache headers on your assets like CSS and JavaScript (and images and fonts and whatever else). That tells the browser "hang on to this file basically forever." That way, when navigating from page to page on a site — or revisiting it, or refreshing...