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...
Image Trail Effects
7.8.2019
A set of brutalist effects for mouse-following image trails that show a random series of images.
Image Trail Effects was written by Mary Lou and published on Codrops
Let’s Give Grunt Tasks the Marie Kondo Organization Treatment
6.8.2019
We live in an era of webpack and npm scripts. Good or bad, they took the lead for bundling and task running, along with bits of Rollup, JSPM and Gulp. But let's face it. Some of your older projects are still using good ol' Grunt. While it no longer glimmers as brightly, it does the job well...
SSCCE
6.8.2019
You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like:
A reduced test case is a demo/example page you create which reproduces the problem you are having...
Using Your Domain with a Netlify-Hosted Site
6.8.2019
Netlify has their own docs for Custom Domains, so if you're looking for horse's mouth technical docs on this stuff, that should be treated as the source of truth. But I'd like to take a crack at it from a slightly different angle, where we look at where you are and what you wanna do, and the point...