Searching the Jamstack
22.1.2020
Here's Raymon Camden on adding site search functionality to a site that is statically hosted. A classic trick! Just shoot 'em to Google and scope the results to your site:
<form action="https://www.google.com/search" method="get"<input type="search" name="q"...
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
JAMstack vs. Jamstack
21.1.2020
It's just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for any needs after that.
The "official website" changed their language from JAMstack (evoking the JavaScript, APIs, and Markup acronym) to Jamstack. It's nothing...
What makes a site JAMstack?
21.1.2020
I admit I didn’t know the ins and outs of what the Jamstack is until recently, despite having heard the term so frequently. I think I’m not alone in this. It’s an elusive term — how is it different from what came before, especially considering it shares so many similarities? Thankfully, Divya...
positionstack
21.1.2020
(This is a sponsored post.)
Say you have an address that your user typed in, like
1600 Pennsylvania Avenue NW, Washington, DC, USA
and now you need more information about it. Maybe you need the proper country code. Maybe you need the latitude and longitude. Maybe you need the postal code....
How to Turn a Procreate Drawing into a Web Animation
20.1.2020
I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me from painting at home are basic things, like setup, cleaning brushes, proper ventilation, and other factors not really tied to the painting...
The Best Color Functions in CSS?
20.1.2020
I've said before that HSL is the best color format we have. Most of us aren't like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, Lightness, and alpha, if we need it.
hsl(120, 100%, 40%)
Hue isn't intuitive, but it's not that weird. You take a trip around the color wheel from...
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...
The Modern Lovers
20.1.2020
I love stuff like this.
The Modern Lovers, a rock band in the 70's, play a show in Boston, probably having some poster of their own for the show.
Mike Joyce is inspired by the music and combines his love of it with the design style of Swiss Modernism to create a new poster for it.
Pete Barr...
Collective #582
20.1.2020
City Roads * Design System Checklist * The Apple Archive * The JAMstack in 2020
Collective #582 was written by Pedro Botelho and published on Codrops
IP Geolocation and Threat Intelligence API: ipdata (Sponsored)
20.1.2020
An IP address is a simple, numeric piece of information that gets passed to a server, but that IP address can provide a wealth of information with ipdata. With ipdata you can learn user location, language, currency, and much more! Quick Hits ipdata is an IP Geolocation and Threat Intelligence API....
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...