Collective #433

Affinity Designer for iPad
Take the full power of professional vector graphic design wherever you go. Available now at an introductory price $13.99/£13.99/14,99€.
Tell me more
Term Sheets
With Term Sheets you can create animated terminal presentations and export them as SVG, animated GIF, or HTML with CSS.
Check it out
Anatomy of a malicious script: how a website can take over your browser
In this interesting article, Paolo Mioni shows how to find and take apart a malicious script.
Read it
V8N
A reusable JavaScript validation library with a simple API.
Check it out
Stitches
A template generator with functional CSS by Amie Chen. Check out the GitHub repo here.
Check it out
Guppy
Guppy is an application manager and task runner for React.js.
Check it out
Postmortem for Malicious Packages Published on July 12th, 2018
Read about the incident with ESLint, where an attacker compromised the npm account of a maintainer and published malicious versions of two packages. Read the GitHub issue discussion here.
Read it
CSS: A New Kind Of JavaScript
Heydon Pickering's hilarious introduction to a new tool that will make styling so much easier!
Read it
Font Playground
Wenting Zhang's project will let you play with variable fonts.
Check it out
Track
A musical WebVR experience built with WebGL, Houdini, and Three.js.
Check it out
3D Cube Form
A great rotating 3D cube form made by Clément Roche.
Check it out
First Input Delay
Learn how you can use First Input Delay (FID) in the Chrome UX Report to measures the time that it takes for a web page to respond to the first user interaction with the page.
Watch it
did.txt file
Patrick Tran shows how to create an insanely simple "did" file accessible by terminal.
Read it
Nuclear Dissent
A great documentary and web experience about the tragic fate of the victims of France's terrible nuclear tests in French Polynesia.
Watch it
Free Font: Facón
A very dynamic looking font designed by Alejo Bergmann.
Get it
WebAssembly is more than the web
Steve Klabnik writes about the marvels of WebAssembly as a versatile embeddable language.
Read it
Isometric eCommerce CSSGrid
Andy Barefoot's experimental eCommerce grid layout made with CSS Grid.
Check it out
ramd.js
A minimal JavaScript library for building TODO like web applications.
Check it out
How to build complicated grids using CSS grid
In case you missed it: Dan Webb shows how to pull off a real world grid layout.
Read it
Free Font: Alaska
A great looking display typeface made by the team of Unblast.
Get it
Seedbank
Seedbank is a registry and search engine for Colab(oratory) notebooks for and around machine learning for rapid exploration and learning.
Check it out
coolHue
Great for your next design project: some new gradient hues and swatches were added to coolHue.
Check it out