Collective #426
Publikováno: 21.6.2018
Teleport * Vibora * Voronoi Airports WebGL * Soccerpattern * Using JavaScript modules on the web * Understanding Redux
Collective #426 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: OGINO
Pure and perfect design with smooth interactions. Our pick this week.

monday.com – A Revolutionary Visual Project Management Tool
?monday.com – the next generation of visual tools, built specifically for designers and developers. See what everyone on your team’s working on in a single glance.

Using JavaScript modules on the web
Addy Osmani and Mathias Bynens explain how to use JavaScript modules which are now supported in all major browsers.

Building a Fancy Countdown Timer with MomentumSlider.js
Luis Manuel shows how to code a really nice looking countdown timer.

How you can improve your workflow using the JavaScript console
Riccardo Canella shows how to use the JavaScript console to write, manage, and monitor JavaScript in the browser.

Soccerpattern
A retrospective of the greatest jerseys worn during soccer worldcups from 1930 to nowadays, as pattern designs.

Vibora (beta)
A very efficient, asynchronous Python web framework.

Introducing Teleport: Over-the-air hot reloading & debugging for PWAs
Eric Simons introduces Teleport, a fast dev-server proxy for simple and painless PWA debugging.

Centering: The Newest Coolest Way vs. The Oldest Coolest Way
Chris Coyier updates us with the freshest way to center items using CSS Grid.

Understanding Redux: The World’s Easiest Guide to Beginning Redux
A comprehensive and easy to understand guide to Redux by Ohans Emmanuel.

Terrazzo Abstract Patterns
A set of 16 modern patterns for your next stylish design. By Pixelbuddha.

Voronoi Airports WebGL
A fantastic WebGL experiment showing all airports in the world as a Voronoi diagram. By Callum Prentice.

Optimize Website Speed With Chrome DevTools
A tutorial by Kayce Basques where he shows how to use Chrome DevTools to find ways to make your websites load faster.

I discovered a browser bug
Jake Archibald tells the interesting story of a huge browser bug he ran into.

iOS 12 Dark Mode Notifications
Gabrielle Wee created this beautiful design for dark mode notifications on iOS 12.

Three.js & Video: A love story
Read about a great experiment of interactive video in HTML5 using Three.js by Héctor Monerris.

Don’t Use The Placeholder Attribute
Read why Eric Bailey urges developers to stop using the placeholder attribute.

Three Grids
Tobi Reif made three different responsive layouts that show the awesomeness of CSS Grid.

Open Logos
Some lovely free logos for your open source project.

SVG Drip Loader
A fun SVG loader by Chris Gannon.

Drawing Zone
Michael Shillingburg updated his fun doodeling tool.
Collective #426 was written by Pedro Botelho and published on Codrops.