Bi-Weekly Frontend News
Collective #524
Inspirational Website of the Week: Kubikfoto³
A great design with wonderful details and smooth transitions. Our pick this week. Get inspired
This content is sponsored via Syndicate Ads
Website Builder Software With Your Branding
This B2B platform fits designers, freelancers, agencies and anyone who wants to make beautiful websites for their clients or let them do it on their own. Find out more
The Economics of Open Source
CJ Silverio's important presentation on the history of npm and the possible future of Entropic, the federated package manger. Watch it
Styling In Modern Web Apps
A great article by Ajay NS that summarizes the variety of ways to organize styling in modern applications. Read it
The Layout Instability API
Philip Walton introduces the new Layout Instability API to help web developers detect when unexpected layout shifts are happening to their users. Read it
Hello Subgrid!
Rachel Andrew introduces subgrid at the CSSconf EU 2019, with use cases, example code and some thoughts on where we might see Grid going in the future. Watch it
Motion blur transition
Robin Delaporte made this amazing demo of a motion blur transition between playing videos. Check it out
React World
A React library for scroll event manipulations with layers made by Seyyid Fatih. Check it out
Write HTML Like It's 1999
Bradley Taunt explains why he tries his best to write HTML as if he's stuck with the constraints of the 90s. Read it
Everything You Need to Know About Date in JavaScript
Zell Liew breaks down the Date object and outlines the most common gotchas related to it. Read it
Gmail GifLine
A simple way to add GIFs to you emails in Gmail. Made by Zeh Fernandes. Check it out
doodle-place
Doodle-place automatically animates your doodle and places it in an explorable 3D world of user doodles. Made by Lingdong Huang. Check it out
Using DevTools To Understand Modern CSS Layouts
Chen Hui Jing explains a variety of modern CSS layout techniques through live demonstrations via DevTools, and provides real-world use cases of how such techniques allow designs to better adapt across a broad range of viewports. Watch it
You (probably) don't need ReCAPTCHA
An interesting article by Kevin Davis on the issues with ReCAPTCHA and other ways to protect from spam submissions. Read it
Better typefaces for AR
Niteesh Yadav's ongoing research on typography for augmented reality headsets. Check it out
Version Museum
In case you didn't know about it: Version Museum showcases the visual history of popular websites and games that have shaped our lives. Check it out
Pika CDN
A new CDN that was built to serve the 60,000+ npm packages written in ES Module (ESM) syntax meaning you can import packages directly without worrying about their module format or file location. Check it out
JavaScript questions
A long list of (advanced) JavaScript questions, and their explanations, updated weekly. By Lydia Hallie. Check it out
shape-outside — Face
A great way to use shape-outside in an artistic way. Made by Yuan Chuan. Check it out
The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand)
A really great article on using motifs in design by Erik D. Kennedy. Read it
Beautiful Web Type
A visual guide to the best free web fonts out there. Check it out
Photo Wake-Up: 3D Character Animation from a Single Photo
Some fantastic new work in AI: a method and application for animating a human subject from a single photo. Check it out
Six circles - bees & bombs
A hypnotizing demo made by yuku. Check it out
From Our Blog
