Search
Flexible Repeating SVG Masks
22.3.2020
Tyler Gaw reminds us that mask-image can repeat, resize, and move just like background-image does, which is fun to combine and play with. I could see it being a fun option for an <hr, like Sara is doing.
CodePen Embed Fallback
Direct Link to Article — Permalink… Read article...
Client-Side Image Editing on Mobile
20.3.2020
Michael Scharnagl:
Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that.
For this I used the Service Worker way to handle the data. Once the data is received on the client,...
How to Build a Time-Saving Appointment and Event Booking Website
19.3.2020
Want to build an appointment and event booking website that gives your clients more time to do business than handle the logistics of it? The Amelia WordPress booking plugin is the answer.
How to Build a Time-Saving Appointment and Event Booking Website was written by Bogdan Sandu and published...
How to Make a Line Chart With CSS
11.3.2020
Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...
A Follow-Up to PHP Templating
28.2.2020
Not long ago, I posted about PHP templating in just PHP (which is basically HEREDOC syntax). I'm literally using that technique for some super basic templating I needed to do on this very WordPress site. The main pushback was that this kind of thing can be an XSS vulnerability. In my case, it's...
10+ Examples of Responsive Websites That Got It Right
27.2.2020
How do you make sure your website will look good on every browser and device? Take a look at these responsive web designs and you’ll discover how.
10+ Examples of Responsive Websites That Got It Right was written by Bogdan Sandu and published on Codrops
Gutenberging
24.2.2020
It's been over a year since the big WordPress launch of Gutenberg, the new editor. It seems to me most of the controversy around it has died down. There has been enough time that the UX and accessibility of it have improved, and people are seeing the potential a lot more clearly. There ain't...
Building an accessible autocomplete control
6.2.2020
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...
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...