Inspirational Websites Roundup #14
30.3.2020
This roundup contains our personal selection of the most interesting websites that were released in the past couple of weeks.
Inspirational Websites Roundup #14 was written by Mary Lou and published on Codrops
Creating a Pencil Effect in SVG
28.3.2020
Scott Turner, who has an entire blog "Exploring procedural generation and display of fantasy maps", gets into why vector graphics seems on these surface why it would be bad for the look of a pencil stroke:
Something like this pencil stroke would require many tens of thousands of different...
How to use CSS Scroll Snap
27.3.2020
Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance.
I like Max Kohler's coverage...
Emergency Website Kit
27.3.2020
Here’s an outstanding idea from Max Böck. He’s created a boilerplate project for building websites that fit within a single HTTP request. This is extremely important for websites that contain critical information for public safety. As Max writes:
In cases of emergency, many organizations need...
Creating an Editable Site with Google Sheets and Eleventy
27.3.2020
Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API on the client side, meaning...
Maintaining Performance
27.3.2020
Real talk from Dave:
I, Dave Rupert, a person who cares about web performance, a person who reads web performance blogs, a person who spends lots of hours trying to keep up on best practices, a person who co-hosts a weekly podcast about making websites and speak with web performance professionals…...
UI Interactions & Animations Roundup #5
27.3.2020
The new collection of recent UI works to keep your creative flow going.
UI Interactions & Animations Roundup #5 was written by Mary Lou and published on Codrops
Consistent Backends and UX: How Do New Algorithms Help?
26.3.2020
Article Series
Why should you care?
What can go wrong?
What are the barriers to adoption?
How do new algorithms help?
In previous articles, we explained what consistency is, the difference between "strong" and "eventual" consistency, and why this distinction is more important than ever to modern...
Get Static
26.3.2020
In this piece, Eric Meyer argues that performance is more important than ever right now — especially for websites that contain critical information for the public:
If you are in charge of a web site that provides even slightly important information, or important services, it’s time to...
5 Essential git Commands and Utilities
26.3.2020
For many of us, git and GitHub play a huge role in our development workflows. Whenever we have a tool that we need to use often, the more fine-tuned we can make that tool, the faster we can get things done. The following are five git commands or helpers that can make your developer life...
How to Repeat Text as a Background Image in CSS Using element()
26.3.2020
There’s a design trend I’ve seen popping up all over the place. Maybe you’ve seen it too. It’s this sort of thing where text is repeated over and over. A good example is the price comparison website, GoCompare, who used it in a major multi-channel advertising campaign.
Nike has used it as well...
Add Beautiful Images with the Unsplash API
26.3.2020
Perhaps you know Unsplash? I'd wager it's the most popular stock photography site out there for two big reasons:
Every photo on there is pretty darn nice
Every photo is entirely free even for commercial use. You don't have to ask permission or even credit it (although that's appreciated).
Here's...