Collective #533

Inspirational Website of the Week: Prior Holdings - Experience
A beautiful and playful presentation by Prior Holdings. Our pick this week.
Get inspired
Launch your website builder agency
Starting from $479/month. Build beautiful, SEO and mobile-friendly websites. Our platform, your brand.
Find out more
Frontend Design, React, and a Bridge over the Great Divide
A great article by Brad Frost on the changing focus of frontend related work and the challenges it brings for what he calls the frontend designer.
Read it
Thorne: The Frontier Within
A case study of the wonderful The Frontier Within which is an immersive installation and web experience that captures the participant's circulatory, respiratory and nervous system data, and transforms it into a living, breathing, interactive portrait of the body.
Read it
Reduced Motion Auto-Play Video
Scott O'Hara shows how to use the reduced motion media query to implement video components in a way that will respect user preferences from an OS level.
Read it
Is postMessage slow?
An article by Surma that investigates the performance of postMessage() and how to avoid blowing your budgets.
Read it
Debugging CSS Grid with Firefox Dev Tools
In this tutorial Chris Nwamba shows how to debug CSS Grid using the Firefox Dev Tools.
Read it
Walking Sprites Demo
A really cool sprites demo by Drew Conley.
Check it out
Repo Lovers
An online magazine made for developers, coders, hackers, makers, tinkers and everything else in between. Repo Lovers sets out to build an archive of interviews featuring talented folks building software.
Check it out
What's wrong with Promise.allSettled() and Promise.any()?
Read why Vitaliy Potapov thinks that the design of two upcoming methods in the Promise API seem inconsistent.
Read it
Making API Requests with Postman or cURL
Tania Rascia shows how to use GET, POST, PUT, PATCH, and DELETE requests via Postman and cURL.
Read it
Think in Math. Write in Code.
Justin Meiners encourages us to start thinking in the language of mathematics before writing code in a specific programming language.
Read it
A Guide to Recognising Font Styles
Matej Latin reveals the art of distinguishing specific details in typefaces to determine their style.
Read it
Ghibli Slider
An adorable jiggly slider made by Adam Kuhn.
Check it out
Pinit
A Sketch plugin that provides useful group resizing shortcuts.
Check it out
Improving Video Accessibility with WebVTT
Khari McMillian shows how to use WebVTT to make videos on the web more accessible.
Read it
Initial thoughts on standardizing form controls
Some insights based on findings from customer interviews done on behalf of Microsoft Edge.
Read it
How to build a calendar with CSS Grid
Zell Liew shows how to build a calendar component using CSS Grid.
Read it
Dandelion
A nice WebGL demo where you can interact with a dandelion flower.
Check it out
Matrix digital rain (animated version)
This never gets old: a beautifully animated matrix rain demo made by Yuan Chuan.
Check it out
Chat Messaging UI Kit
A high fidelity Chat UI kit for Sketch. Chat interfaces for live chat, team collaboration, messaging, customer support and gaming are included.
Get it
Google Sheets Formula Clock
Learn how to make a working analogue clock built with a single Google Sheets formula.
Read it
Awesome Demos Roundup #6
The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web.
Check it out