Issue #339

Animate with audio, video scrolling tools and nifty new CSS tricks!

Stay on top of frontend development with Frontend Weekly. This weekly newsletter delivers the latest news, tips, and insights right to your inbox.

❤️ Donovan at CSSAnimation.rocks

Cool Stuff

Audio Reactive Shaders with Three.js and Shader Park

Learn how to craft audio reactive shaders with Three.js and Shaderpark.

Get shading!

ScrollyVideo.js

Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.

Let's roll

3 New & Nifty CSS Things (including animated CSS grid!)

Wes gives some great insight into how we can animate CSS grid layouts in this video! Find the source code here.

Discover it here

Inspiration

Animated 3D Card

A 3D card showing CSS custom properties and some fun mouse-position animation

Check it out

Infinite World

A real-looking 3D world with changing skyline and grass that drifts in the wind!

See the world

CSS Mechanical Keyboard

Press numbers to see (and hear) the keyboard in this cool 3D CSS project.

Type right now!

Jobs!

Have a look at some great roles in web engineering at Toast!

Systems Engineer

Bengaluru, India

Find loads more roles in Dublin, Boston, Toronto, Bangalore and even fully remote!

That’s all for this week! Be sure to check out our friends over at Frontend Weekly too!

Till next week,
Donovan