Collective #467
Publikováno: 12.11.2018
babel-plugin-rawact * CSS Frameworks Or CSS Grid * Emoji builder * CSS and Network Performance * Editorial Layouts, Floats, and CSS Grid
Collective #467 was written by Pedro Botelho and published on Codrops.

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.

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.

CSS and Network Performance
A great article by Harry Roberts on the best network performance practices for loading CSS.

Designing a progressive web app
An article by Mustafa Kurtuldu that covers the process and the lessons learned when designing a PWA.

Editorial Layouts, Floats, and CSS Grid
Rob Weychert writes how aligning floated elements to an established grid can be a real headache.

Building Your Color Palette
A great, systematic approach to building a solid color palette. Check out the fruitful comments on HN.

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.

Emoji builder
Philipp Antoni made this superfun Emoji builder. So many possibilities!

The Adventure of Detective Moustachio
A fantastic pixelart web game made by Renaud Rohlinger, Lucas Fiorella and Sofiane Hocine.

Write Freely
Write Freely is free and open source software for starting a minimalist blog, or an entire community.

Flashlight effect at haunted house
Anya Melnyk created this lovely demo.

XSStrike
An advanced Cross Site Scripting (XSS) detection suite.

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.

Web Audio Visualizations
A nice collection of experimental audio visualizations with Audio WebGL (three.js) and Canvas. By Ion D. Filho.

Cubes Dance
A mesmerizing demo by Ion D. Filho.

Free Font: Game Over
A free retro pixel font created by Mariano Diez.

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.

Now 2.0
The library that makes serverless application deployment easy just got a major update.

Codevember 10 – Night-time #6
Great demo for the Codevember challenge by Mathijs.

TensorSpace.js
An interactive 3D visualization framework for Neural Networks.

Checkbox Toggle Switches Are Confusing UI
Marcus Connor shares his thoughts on checkbox toggle switches and offers the rocker switch as an alternative.

#Codevember 02 – Time
A realistic looking clock demo by David Lyons.
Collective #467 was written by Pedro Botelho and published on Codrops.