Search
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...
Case Study: itsnotviolent.com
21.1.2020
A case study that explores the motivation, design and implementation behind the itsnotviolent.com awareness campaign website made by Locomotive.
Case Study: itsnotviolent.com was written by Marie-Christine Dion and published on Codrops
Timeless Web Dev Articles
18.1.2020
Pavithra Kodmad asked people for recommendations on what they thought were some of the most timeless articles about web development that have changed their perspective in some way. Fun! I'm gonna scour the thread and link up my favorites (that are actually articles, although not all of them...
The Deal with the Section Element
15.1.2020
Two articles published the exact same day:
Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section>
Adam Laki on Pine: The Difference Between <section> and <div> Element
They are comparing slightly different things, but they both...
Things you can do with a browser in 2020
10.1.2020
I edit a good amount of technical articles about the web, and there is a tendency for authors to be super broad in their opening sentence, like "What we're able to do on the web has expanded greatly over the years."
I tend to remove stuff like that because it usually doesn't serve the article well...
These Are the Bitcoin Stories You Loved in 2019
2.1.2020
2019 was a crazy year for cryptocurrency enthusiasts and a number of interesting events happened throughout the last 12 months. It’s hard to keep track of the day-to-day activities taking place within the cryptosphere and there may be a few incidents some of our readers missed....
PSA: It’s That Time to Update the Copyright Year on Your Site
1.1.2020
Every year about this time I see articles going around reminding people how to update the copyright on their websites. Usually somewhere in the footer. You know, a line like:
© Copyright 2007-2019 CSS-Tricks
I am very absolutely not a lawyer, but this is how I understand it:
You don't actually...
Case Study: Akaru 2019
30.12.2019
In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
Case Study: Akaru 2019 was written by Jeremy Franzese and published on Codrops
So Many Color Links
27.12.2019
There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment.
Curated colors in context
Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...
Close to 14,000 Google Scholar Articles Mentioned Bitcoin in 2019
25.12.2019
On January 3, 2020, the Bitcoin network officially turns 11 and the technology has transformed the lives of many. Since blockchain’s inception, scholars and economists have rigorously studied and written thousands of academic papers covering the subject. In 2019, there were more than 13,700...
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,...
Print-Inspired Layout on the Web
18.12.2019
I always love seeing people get inspired by print design and trying to port it over to the web. There is a much deeper history of interesting print work to draw from, and still a ton of modern work happening that eclipses most digital design work today. The web is fully capable of bold, interesting...
The Making of a “Special Series” on a WordPress Site
18.12.2019
We just ran a fancy article series here on CSS-Tricks with a bunch of different articles all answering the same question. By fancy, I mean two things:
The articles had a specially-designed template just for them. (Example)
The series has a specially-designed landing page.
One of the reasons...
Case Study: Portfolio of Bruno Arizio
18.12.2019
A look behind the scenes of Bruno Arizio's portfolio with insight into the design process and an in-depth technical breakdown of the WebGL implementation.
Case Study: Portfolio of Bruno Arizio was written by Bruno Arizio and published on Codrops
A Showcase of Creative Websites and How to Build Uniquely Special Ones for Your Clients
9.12.2019
Some practical advice and showcase on how to create engaging websites and built them fast with a foundation like Be Theme.
A Showcase of Creative Websites and How to Build Uniquely Special Ones for Your Clients was written by Bogdan...
iOS 13 Broke the Classic Pure CSS Parallax Technique
27.11.2019
I know. You hate parallax. You know what we should hate more? When things that used to work on the web stop working without any clear warning or idea why.
Way back in 2014, Keith Clark blogged an exceptionally clever CSS trick where you essentially use a CSS transform to scale an element down...
We asked web developers we admire: “What about building websites has you interested this year?”
18.11.2019
For the first time ever here on CSS-Tricks, we're going to do an end-of-year series of posts. Like an Advent calendar riff, only look at us, we're beating the Advent calendar rush! We'll be publishing several articles a day from a variety of web developers we look up to, where gave them all...
The New Features of GSAP 3
14.11.2019
Learn about all the exciting new features of GSAP 3 in this easy-to-follow overview.
The New Features of GSAP 3 was written by Christina Gorton and published on Codrops
Jailed Deepdotweb Admin Denies Earning $15M From Darknet Links
12.11.2019
In an interview from prison, one of Deepdotweb’s operators has disputed the $15 million allegedly made from “illegal” referral links, claiming “There was no such amount.” Currently on remand in France, Israeli citizen Tal Prihar stands accused of directing visitors...
Case Study: Chang Liu Portfolio V4
16.10.2019
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's portfolio reimplementation.
Case Study: Chang Liu Portfolio V4 was written by Chang Liu and published on Codrops