Collective #562
Inspirational Website of the Week: Wecargo
A truly creative masterpiece with a fantastic scroll effect and lots of innovative interaction details.
Get inspired
Dune Buggy AR
An open source dynamic AR experiment that can launch across all of the current AR platforms.
Check it out
Full Stack Authentication: Cookies and Local Storage
Tania Rascia gives an overview of the various types of vulnerabilities associated with persistent client-side storage (XSS and CSRF) and ways to mitigate potential attacks.
Read it
A workshop on WebGL and GLSL
A repo that contains the source code for Matt DesLauriers' "Frontend Masters Advanced Creative Coding: WebGL and Shaders workshop".
Check it out
Behind the scenes of We Cargo
Some fantastic tech insights to the new wecargo.be website made by EPIC that we picked as the Website of the Week. An article by Luigi De Rosa.
Read it
Auditing For Accessibility Problems With Firefox Developer Tools
Learn how to use the latest Accessibility Inspector in Firefox to identify and fix common mistakes and practices that reduce site accessibility.
Read it
Generative Haunts
A demo by Adam Kuhn where you can generate wonderful haunted mansions.
Check it out
Fully-featured website templating system with Divi 4.0
Divi 4.0 has arrived and the new fully-featured website templating system allows you to use the Divi Builder to structure your website and edit any part of the Divi Theme including headers, footers, post templates, category templates and more.
Check it out
Are There Random Numbers in CSS?
Alvaro Montoro shows an interesting technique for simulating randomness in CSS.
Read it
The Weird — Yet Practical — World of Paint Worklets
A very informative talk by Jeremy Wagner at CSSConf BP 2019.
Watch it
A Modern Front End Workflow Part 1: Building a Project Starter with NPM Scripts
Michelle Barker's three part tutorial on how to build a simple project starter (or boilerplate).
Read it
Fast and Slow: Vintage Projector Animation
A very nice projector animation demo by Kyle Wetton for the Fast and Slow Codepen challenge.
Check it out
Creating a rudimentary pool table game using React, Three JS and react-three-fiber
The first part of a tutorial by Manan Joshi on how to code a pool table game.
Read it
Lesser Known Coding Fonts
An overview of some nice, lesser known coding fonts.
Read it
Glaze
A curated royalty-free illustration library great for products, brands and presentations.
Check it out
Free for developers
A list of software (SaaS, PaaS, IaaS, etc.) and other offerings that have free tiers for developers.
Check it out
Location, Privilege and Performant Websites
Stephanie Stimac shares her insights into profiling the Puget Sound Energy Outage page.
Read it
Serverless Can Help You To Focus
Simona Cotin explains how building serverless applications can help us achieve goals faster.
Read it
5 interesting and not-necessarily-useful JavaScript tricks
A list of 5 interesting and useful JavaScript web development tricks, that aren't necessarily useful. By Areknawo.
Read it
Neural Synesthesia
An amazing project by Xander Steenbrugge that is an attempt to explore new approaches to audiovisual experience based on Artificial Intelligence.
Check it out
Real-time Multiside Refraction in Three Steps
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
Read it