Collective #584
Optimising SVGs for the Web
Michelle Barker shares her process for optimizing SVG assets, which may help you if you're a designer or developer unfamiliar with working with SVG on the web.
Read it
Introducing Yarn 2
Maël Nison introduces the new Yarn that comes with fundamental core changes.
Read it
Start your own freelance business by becoming a Divi developer
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now
Today, the Trident Era Ends
A great article by Christian Schaefer about the rise and fall of Microsoft's take on the web.
Read it
Playwright
Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API and headless support.
Check it out
#s3e12 ALL YOUR HTML
In this episode of the amazing ALL YOUR HTML video tutorial series, Yuri Artyukh explains how to pull off the walking hands animation seen on the #Handspotting website. You should subscribe to Yuri's channel if you want to learn some serious WebGL in fun live coding sessions.
Watch it
Intrinsic Sizing In CSS
Ahmad Shadeed explores intrinsic sizing in CSS and explains how to use those values in combination with CSS grid, and other properties.
Read it
Some Imaginary CSS
Tyler Sticka compiles some fictional CSS features he wish existed.
Read it
Griddle
Griddle is a CSS framework created with CSS Grid and Flexbox. By Dave Berning.
Check it out
AMS - Freelance Software Engineer
Andrés Valencia Téllez's professional portfolio has some really cool effects. You can browse the full source here.
Check it out
Greenhouse Icons
Some adorable vector icons made by the team of Freepik for Pixel Buddha.
Check it out
CSS Specificity
Emma Bostian explains CSS Specificity visually and shows why understanding it is fundamental for writing proper CSS.
Read it
Flowers
A beautiful demo by Cassie Evans using SVG masking and some turbulence filter trickery.
Check it out
Userbase
In case you didn't know about it yet: With Userbase you can easily add user accounts and data persistence to your static site. All Userbase features are accessible through a simple JavaScript SDK, directly from the browser and no back-end is necessary.
Check it out
How to copy to the clipboard using JS and the Clipboard API
Find out how to copy to the clipboard using JavaScript and the modern asynchronous Clipboard API in this tutorial by Catalin Red.
Read it
Hello from Here
In case you missed it: Create and customize a unique poster generated with real-time data from any city. Made by Upperquad.
Check it out
Standards for Writing Accessibly
An excerpt from the book "Writing is Designing" by Michael J. Metts and Andy Welfle.
Read it
ZIZO
The new website of ZIZO is a fantastic interactive 3D web adventure.
Check it out
ESLint configuration and best practices
A complete guide on how to setup ESLint in different scenarios.
Read it
UI Interactions & Animations Roundup #2
Some selected shots of great UI interactions and animations for your inspiration.
Check it out