Search
The Unseen Performance Costs of Modern CSS-in-JS Libraries
13.2.2020
This article is full of a bunch of data from Aggelos Arvanitakis. But lemme just focus on his final bit of advice:
Investigate whether a zero-runtime CSS-in-JS library can work for your project. Sometimes we tend to prefer writing CSS in JS for the DX (developer experience) it offers, without...
10 Interesting JavaScript and CSS Libraries for February 2020
11.2.2020
Our web dev resources compilation for February comes packed with awesome React frameworks, tools for writing better tests, and much more!
The Three Types of Code
3.2.2020
Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied to any codebase, any language, any technology or open source project. Whether I’m writing HTML or CSS or building a React component, thinking...
Smaller HTML Payloads with Service Workers
31.1.2020
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight.
Longer thoughts: When you're building a really simple website, you can get away with literally writing raw HTML. It doesn't take long to need a...
Building Multi-Directional Layouts
23.1.2020
There are some new features in CSS that can assist us with building layouts for different directions and languages with ease. This article is about CSS logical properties and values (e.g. margin-inline-start).  These are a W3C working draft that still going under heavy editing, but have...
Component-Level CMSs
23.1.2020
When a component lives in an environment where the data queries populating it live nearby, there is a pretty direct line between the visual component and the database where that exact content lives. That is opening up doors to site editing experiences that travel that line. We're starting to...
Getting Started with Front End Testing
20.1.2020
Amy Kapernick covers four types of testing that front-end devs could and should be doing:
Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.)
Accessibility Testing (Amy recommends pa11y, and we've covered Axe.)
Visual Regression Testing (Amy recommends Backstop, and we've...
Understanding Async Await
9.1.2020
When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so we'll need a way to handle those long-running processes.
Async/Await is a way to handle this type of time-based sequencing. It’s especially great...
Jetpack Slideshow Block
7.1.2020
One of the many (many) useful things that Jetpack does is give you extra-fancy custom blocks in the WordPress block (AKA Gutenberg) editor: a slideshow, business hours, contact info, GIF, Mailchimp, Map, Markdown, Pinterest, Star Rating, Recurring Payments Button, Repeat Visitor, Simple Payments...
These Myth-Busting Articles Dispel Common Bitcoin Myths
22.12.2019
Recently, a few Bitcoin Cash (BCH) proponents have been writing a series of myth-busting articles that describe Bitcoin technicals generally thought to be true but which are not. The articles posted on the read.cash blog have reviewed topics like 10-minute confirmation times, SPV wallets,...
Design APIs: The Evolution of Design Systems
17.12.2019
A clever idea from Matthew Ström:
[...] design APIs don’t seem like a stretch of the imagination. An API-driven approach is the natural extension of the work currently being done on design systems, including tokens and standardization projects.
If you buy into the idea of design tokens, that...
CSS Architecture for Modern JavaScript Applications
6.12.2019
There is a lot to like from Mike Riethmuller here:
The title. When you're building a website from JavaScript-powered components anyway, that is a moment to talk about how to do styling, because it opens some doors to JavaScript-powered styles that you probably wouldn't otherwise choose.
The...
Devs Discuss Formal Specification Project for Bitcoin Cash
27.11.2019
On Monday, Bitcoin ABC’s lead developer Amaury Séchet explained in a blog post that Bitcoin Cash will be getting its own formal specification from Bitcoin Verde programmer Joshua Green. Séchet noted that although a slew of developers have written documentation, “the existing...
The Popeye Moment
25.11.2019
Frank Chimero is redesigning "in the open" and we should pay attention to it because (1) we should listen to anything Frank has to say because he's a great designer and writer and (2) working in public is awesome.
But the gut punch for me in this opening article is the way Frank pulls zero punches...
We are Programmers
22.11.2019
Building websites is programming. Writing HTML and CSS is programming. I am a programmer, and if you're here, reading CSS-Tricks, chances are you're a programmer, too.
The thing is, the details in programming layout with CSS are different, for example, than the details in programming API endpoints...
Create Amazingly Stable Tests Your Way — Coded and Code-Less
21.11.2019
Testim’s end-to-end test automation delivers the speed and stability of AI-based codeless tests, with the power of code. You get the flexibility to record or code tests, run on third-party grids, fit your workflow and tools including CI, Git and more. Join the Dev Kit beta to start writing stable...
The Typed Object Model
20.11.2019
I help write technical documentation and one feature I've been writing about this year that has really stood out is the Typed Object Model (or Typed OM). If you haven't come across it yet you would be forgiven as it's pretty new. It falls under the CSS Houdini suite of API's and on the surface...
Pornhub Suggests Crypto Payments After Paypal Censors Model Payouts
14.11.2019
On November 14, the leading adult video sharing site on the internet, Pornhub, revealed that payment processor Paypal has blocked the company’s live performer payouts. In a blog post written on Thursday, Pornhub recommended alternative payments like writing a check or using the digital...
Build a 100% Serverless REST API with Firebase Functions & FaunaDB
31.10.2019
Indie and enterprise web developers alike are pushing toward a serverless architecture for modern applications. Serverless architectures typically scale well, avoid the need for server provisioning and most importantly are easy and cheap to set up! And that’s why I believe the next evolution...
What I Like About Writing Styles with Svelte
23.10.2019
There’s been a lot of well-deserved hype around Svelte recently, with the project accumulating over 24,000 GitHub stars. Arguably the simplest JavaScript framework out there, Svelte was written by Rich Harris, the developer behind Rollup. There’s a lot to like about Svelte (performance, built-in...