Collective #467

CSS Frameworks Or CSS Grid: What Should I Use For My Project?
Rachel Andrew takes a look at the often asked question if one should use CSS Frameworks or CSS Grid.
Read it
Level up your JavaScript error monitoring
Automatically detect JS errors impacting your users. Get comprehensive diagnostic reports, know instantly which errors are worth fixing, & debug in minutes.
Try it free
CSS and Network Performance
A great article by Harry Roberts on the best network performance practices for loading CSS.
Read it
Designing a progressive web app
An article by Mustafa Kurtuldu that covers the process and the lessons learned when designing a PWA.
Read it
Editorial Layouts, Floats, and CSS Grid
Rob Weychert writes how aligning floated elements to an established grid can be a real headache.
Read it
Building Your Color Palette
A great, systematic approach to building a solid color palette. Check out the fruitful comments on HN.
Read it
babel-plugin-rawact
A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime. A proof-of-concept by Tobias Koppers.
Check it out
Emoji builder
Philipp Antoni made this superfun Emoji builder. So many possibilities!
Check it out
The Adventure of Detective Moustachio
A fantastic pixelart web game made by Renaud Rohlinger, Lucas Fiorella and Sofiane Hocine.
Play it
Write Freely
Write Freely is free and open source software for starting a minimalist blog, or an entire community.
Check it out
Flashlight effect at haunted house
Anya Melnyk created this lovely demo.
Check it out
XSStrike
An advanced Cross Site Scripting (XSS) detection suite.
Check it out
A Guide to Custom Elements for React Developers
Charles Peters shows how Custom elements can offer the same general benefits of React components without being tied to a specific framework implementation.
Read it
Web Audio Visualizations
A nice collection of experimental audio visualizations with Audio WebGL (three.js) and Canvas. By Ion D. Filho.
Check it out
Cubes Dance
A mesmerizing demo by Ion D. Filho.
Check it out
Free Font: Game Over
A free retro pixel font created by Mariano Diez.
Get it
Virtual and Augmented Reality Icons
A set of 48 virtual reality-themed icons free for a subscription. Made by the folks from Vexels for InVision.
Check it out
Now 2.0
The library that makes serverless application deployment easy just got a major update.
Check it out
Codevember 10 - Night-time #6
Great demo for the Codevember challenge by Mathijs.
Check it out
TensorSpace.js
An interactive 3D visualization framework for Neural Networks.
Check it out
Checkbox Toggle Switches Are Confusing UI
Marcus Connor shares his thoughts on checkbox toggle switches and offers the rocker switch as an alternative.
Read it
#Codevember 02 - Time
A realistic looking clock demo by David Lyons.
Check it out