Collective #524
Publikováno: 13.6.2019
The Layout Instability API * Write HTML Like It's 1999 * JavaScript questions * Pika CDN * The Economics of Open Source
Collective #524 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Kubikfoto³
A great design with wonderful details and smooth transitions. Our pick this week.
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.
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.
Styling In Modern Web Apps
A great article by Ajay NS that summarizes the variety of ways to organize styling in modern applications.
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.
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.
Motion blur transition
Robin Delaporte made this amazing demo of a motion blur transition between playing videos.
React World
A React library for scroll event manipulations with layers made by Seyyid Fatih.
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.
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.
Gmail GifLine
A simple way to add GIFs to you emails in Gmail. Made by Zeh Fernandes.
doodle-place
Doodle-place automatically animates your doodle and places it in an explorable 3D world of user doodles. Made by Lingdong Huang.
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.
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.
Better typefaces for AR
Niteesh Yadav’s ongoing research on typography for augmented reality headsets.
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.
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.
JavaScript questions
A long list of (advanced) JavaScript questions, and their explanations, updated weekly. By Lydia Hallie.
shape-outside — Face
A great way to use shape-outside in an artistic way. Made by Yuan Chuan.
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.
Beautiful Web Type
A visual guide to the best free web fonts out there.
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.
Six circles – bees & bombs
A hypnotizing demo made by yuku.
Draggable Image Strip
A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.
Collective #524 was written by Pedro Botelho and published on Codrops.