Collective #487
Creating SVGs using Processing
Marc Edwards shows how to use Processing to create complex SVG shapes. Find the GitHub repo here and explore the code experiments in this Twitter moment.
Read it
The simple, secure, send in seconds eSignature
HelloSign is the #1 rated eSignature tool. It's the easiest way to sign docs, forms or agreements online.
Try it free
Palettte App
Create, analyze and edit smooth color palettes.
Check it out
Exclusive Design
Vasilis van Gemert wrote his Master thesis trying to find the answer to the question "What if we design websites exclusively for people with disabilities?".
Read it
The "Bug-O" Notation
Dan Abramov writes about the idea of the "Bug-O notation" that describes how much an API slows you down as your codebase grows.
Read it
Webauthn.Guide
A resource for the tech world for learning about the Web Authentication API to enable passwordless authentication.
Check it out
Volume Controlled Variable Fonts
A fantastic demo by Peter Barr where you can control a variable font with the microphone.
Check it out
SCRIPT-8
SCRIPT-8 is a fantasy computer for making, sharing, and playing tiny retro-looking games (called cassettes).
Check it out
CloudQuery
Turn any website to a serverless API with SPA support.
Check it out
Photo Creator
A tool for creating stock photo scenes by the folks of Icons8.
Check it out
Destructuring
A free chapter from the book "JavaScript for impatient programmers" by Axel Rauschmayer.
Read it
Terminal CSS
A modern and minimal CSS framework for terminal lovers.
Check it out
Dropbox Paper as a headless CMS
Read how the team at De Voorhoede turned Dropbox Paper into a headless CMS for publishing content elsewhere.
Read it
Cycle
A mesmerizing pure CSS tetrahedron made by Ana Tudor.
Check it out
My Grid Layout
Roman Komarov shares some insights into how his website's layout was reimplemented using CSS Grid.
Read it
How do you figure?
Scott O'Hara takes a look at the figure element, how to use it and how screen readers handle it.
GitHub Spray
Generate "spray" for your GitHub contribution graph.
Check it out
Creating Your Own Gravity and Space Simulator
A tutorial by Darrell Huffman where he shows how to create a simulation of the inner region of our solar system with JavaScript.
Read it
WordArt
Recreated some WordArt in pure CSS with this demo by Katherine Kato.
Check it out
Free Font: Venn Variable
A free variable font from the versatile Venn font family designed by Bruno Maag.
Get it
Awesome Mobile Web Development
Resources for creating great mobile web experiences.
Check it out
What's New in JavaScript for 2019
David Neal talks about what's in store for the next version of JavaScript.
Read it
Simple Opt Out
Simple Opt Out is drawing attention to opt-out data sharing and marketing practices that many people aren't aware of (and most people don't want), then making it easier to opt out.
Check it out
Layer Motion Slideshow
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
Check it out