Collective #339
Get a free .design domain name
Codrops readers can get a totally free domain to use for their portfolios, side projects or any other project instantly.
Check it out
Prodigy
A new tool for efficient machine teaching. Read more about it in this article.
Check it out
Lazy loading images using Intersection Observer
Learn how to put the Intersection Observer API to use for lazy loading images. By Dean Hume.
Read it
Compression Decompressed
A great article by Jack Preston that will introduce you to the basics of data compression in a visual way.
Read it
DesignBetter.Co
An essential guide that lets you discover best practices, stories, and insights from the world's top design leaders.
Check it out
Building A Simple AI Chatbot With Web Speech API And Node.js
A tutorial by Tomomi Imura on how to implement an AI chatbot.
Read it
JavaScript for People Who Hate JavaScript
A witty article by Zach Holman on today's JavaScript experience viewed from the perspective of a Rubyist.
Check it out
Creating an Image Zoom Library With Vanilla JavaScript
Learn how to build a simple, solid JavaScript library for adding zoom-on-hover effects to images.
Read it
Airport Distance Map
A really cool demo by Stephen Shaw powered by SVG, Vue, D3 and GSAP.
Check it out
react-simple-maps
An svg map component built with and for React. It allows the creation of pure React SVG maps using d3-geo and topojson.
Check it out
CSS Grid Highlighter for Chrome
Adem ilter made this fabulous Chrome extension that highlights CSS grids.
Check it out
Publii
A desktop app that let's you build static blog websites easily.
Check it out
Posterus
Posterus is a library of promise-like asynchronous primitives (futures) that support true cancellation. By Nelo Mitranim.
Check it out
Side Project Marketing
A useful checklist for marketing side projects. Made by Karl L. Hughes.
Check it out
Topography of Dante's Inferno
"The Topography of Dante's Inferno (Infernal Topography)" is an alternative learning tool for the Divine Comedy first Cantica, made for aiding visual memory. A fantastic Chrome Experiment developed by Alpaca.
Check it out
Firefox 55: first desktop browser to support WebVR
Firefox on Windows is the first desktop browser to support the new WebVR standard (and macOS support is in Nightly).
Read it
Gorillaz - Andromeda in WebGL
A great WebGL recreation of the popular music video Andromeda by Gorillaz. By Yagiz.
Check it out
Deep structure
A fascinating demo by Gerard Ferrandez.
Check it out
JPNG.svg
Magically combine the transparency of a PNG with the compression of a JPEG. By Stephen Shaw.
Check it out
Abstract Watercolor Textures vol. 2
Some lovely high-resolution watercolor textures by Tatiana Lapina.
Get it
Browser Compatibility for CSS Grid Layouts with Simple Sass Mixins
Farley Reynolds shows how to make the fundamental aspects of Grid work across the browsers that support it, including IE versions that supported a different grid implementation.
Check it out
Binary Search in JavaScript
Brandon Morelli shows how to do binary search in JavaScript with a practical example.
Check it out
AsciiDots
AsciiDots is an esoteric programming language based on ASCII art. In this language, dots, represented by periods, travel down ASCII art paths and undergo operations. By Aaron Janse.
Check it out