Collective #584
Publikováno: 27.1.2020
Today, the Trident Era Ends * Introducing Yarn 2 * Griddle * Some Imaginary CSS * Playwright
Collective #584 was written by Pedro Botelho and published on Codrops.
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.
Introducing Yarn 2
Maël Nison introduces the new Yarn that comes with fundamental core changes.
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.
Today, the Trident Era Ends
A great article by Christian Schaefer about the rise and fall of Microsoft’s take on the web.
Playwright
Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API and headless support.
#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.
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.
Some Imaginary CSS
Tyler Sticka compiles some fictional CSS features he wish existed.
Griddle
Griddle is a CSS framework created with CSS Grid and Flexbox. By Dave Berning.
AMS – Freelance Software Engineer
Andrés Valencia Téllez’s professional portfolio has some really cool effects. You can browse the full source here.
Greenhouse Icons
Some adorable vector icons made by the team of Freepik for Pixel Buddha.
CSS Specificity
Emma Bostian explains CSS Specificity visually and shows why understanding it is fundamental for writing proper CSS.
Flowers
A beautiful demo by Cassie Evans using SVG masking and some turbulence filter trickery.
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.
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.
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.
Standards for Writing Accessibly
An excerpt from the book “Writing is Designing” by Michael J. Metts and Andy Welfle.
ZIZO
The new website of ZIZO is a fantastic interactive 3D web adventure.
ESLint configuration and best practices
A complete guide on how to setup ESLint in different scenarios.
UI Interactions & Animations Roundup #2
Some selected shots of great UI interactions and animations for your inspiration.
Collective #584 was written by Pedro Botelho and published on Codrops.