Bi-Weekly Frontend News

Collective #584


Collective item image

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




Collective item image

Playwright

Playwright is a Node library to automate the Chromium, WebKit and Firefox browsers with a single API and headless support.

Check it out

Collective item image

#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

Collective item image

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


Collective item image

Griddle

Griddle is a CSS framework created with CSS Grid and Flexbox. By Dave Berning.

Check it out



Collective item image

CSS Specificity

Emma Bostian explains CSS Specificity visually and shows why understanding it is fundamental for writing proper CSS.

Read it

Collective item image

Flowers

A beautiful demo by Cassie Evans using SVG masking and some turbulence filter trickery.

Check it out

Collective item image

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


Collective item image

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


Collective item image

ZIZO

The new website of ZIZO is a fantastic interactive 3D web adventure.

Check it out