Level up your .sort game
10.6.2019
Sorting is a super handy JavaScript method that can display the values of an array in a certain order. Whether that’s real estate listings by price, burger joints by distance, or best nearby happy hours by rating, sorting arrays of information is a common need.
If you’re already doing this with...
Designing with Motifs
10.6.2019
I love the way Erik Kennedy talks about digital design. Very practical and understandable. Have a listen to a chat with him we had on ShopTalk.
One of his latest blog posts is titled "The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand)" and it's about something he pegs as more...
Easily Deploy a Serverless Node App with ZEIT Now
10.6.2019
I wanted to deploy a simple demo node app the other day using Now, and I got into a lot of difficulties and gotchas, with little help from the official docs. If yo
Using DevTools to Improve the UX Design to Development Process
7.6.2019
I’d like to tell you how I see code and design intersect and support one another. Specifically, I want to cover how designers can use code in their everyday work. I suggest this not because it’s a required skill, but because even a baseline understanding of coding can make designs better and...
Weekly Platform News: Feature Policy, ECMAScript i18n API, Packaged PWAs
7.6.2019
In this week's news, a new Feature Policy API in Chrome, Firefox blocks cookies from known trackers, Chrome for Android now allows websites to share images, and more.
The post Weekly Platform News: Feature Policy, ECMAScript i18n API, Packaged PWAs appeared first on CSS-Tricks
Your first performance budget with Lighthouse
7.6.2019
Ire Aderinokun writes about a new way to set a performance budget (and stick to it) with Lighthouse, Google’s suite of tools that help developers see how performant and accessible their websites are:
Until recently, I also hadn't setup an official performance budget and enforced it. This isn’t...
What if we got aspect-ratio sized images by doing almost nothing?
7.6.2019
Say you have an image you're using in an <img> that is 800x600 pixels. Will it actually display as 800px wide on your site? It's very likely that it will not. We tend to put images into flexible container elements, and the image inside is set to width: 100%;. So perhaps that image ends...
Collective #522
6.6.2019
Extract critical CSS * Enabling Modern JavaScript on npm * Magical, Mystical JavaScript Transducers
Collective #522 was written by Pedro Botelho and published on Codrops
How to Use the Web Share API
6.6.2019
The Web Share API is one that has seemingly gone under the radar since it was first introduced in Chrome 61 for Android. In essence, it provides a way to trigger the native share dialog of a device (or desktop, if using Safari) when sharing content — say a link or a contact card — directly from...
Snag Resources from An Event Apart Boston 2019 and Save on Washington D.C. Registration
6.6.2019
(This is a sponsored post.)
Hey, so we talked a little bit about An Event Apart Boston 2019 leading up to the event and now there are a ton of resources available from it. I stopped counting the number of links after 50 because there's way more than that. Seriously, there's stuff in there...
Awesome Demos Roundup #5
6.6.2019
Another monthly roundup of super-creative web experiments and demos for your viewing pleasure.
Awesome Demos Roundup #5 was written by Mary Lou and published on Codrops
Closures and Currying in Javascript
6.6.2019
What are Closures?
If you write code in Javascript it's quite likely you have come across the term closure, which is a useful yet often confusing concept. But just what is a c