Collective #300

Inspirational Website of the Week: Héloïse Thibodeau Architecte
Smooth interactions combined with subtle animations and an interesting layout. Our pick this week.
Get inspired
Building performant expand & collapse animations
Some great advice on how to make expanding and collapsing animations performant. By Paul Lewis.
Read it
No, I Don’t Want to Subscribe to Your Newsletter
Great article on the annoying anti-pattern of unprompted modal windows.
Read it
Building a Conversational Bot with JavaScript and Node.js
An in-depth tutorial by Brian Rinaldi where you'll learn how to implement a conversational bot.
Read it
Modern JavaScript for Ancient Web Developers
A gentle introduction to modern JavaScript for old-school backend devs. By Gina Trapani.
Read it
Case Study: My First Practical CSS Grid Layout
Tyler Sticka shares his experience on creating a first practical CSS Grid layout.
Read it
Keyshape
Keyshape is a 2D vector graphics and animation software for Mac that lets you export SVG animations or video files.
Check it out
100 Bold Purple Line Icons
A set of versatile line icons in the formats SVG, EPS, AI, PNG, Sketch, IconJar. By Kirill Kazachek for Pixel Buddha.
Get it
A new CSS Grid demo on mozilla.org
Ali Spivak introduces a new demo that showcases the powers of CSS Grid as a layout tool.
Read it
Free Font: Cookit
A tasty and friendly font designed by Sérgio Haruo.
Get it
Pretty Printing
Matt Gaunt writes about how to log in a developer friendly and informative way.
Read it
JavaScript vs. Python in 2017
An honest comparison between using JavaScript vs. Python in your project. By Michael Bolin.
Read it
Index of Best AI/Machine Learning Resources
Arun Agrahri shares a fantastic list of AI and ML resources.
Read it
A11Y Style Guide
A living style guide, generated from KSS documented styles, with an accessibility twist.
Check it out
4 Approaches To Natural Language Processing & Understanding
Mariya Yao writes about the challenges of NLP and making programs understand what we mean.
Read it
iterare
ES6 Iterator library for applying multiple transformations to a collection in a single iteration.
Check it out
Practical CSS Grid: Adding Grid to an Existing Design
Eric Meyer shows how to simplify your current layout with the powers of CSS Grid.
Read it
JavaScript. But less iffy.
Part three of a great series of articles on reducing complexity in JavaScript code. By James Sinclair.
Read it
Playcode
Desktop client for the Playcode Online Javascript Editor.
Check it out
polychrome
A super-compact JavaScript library for parsing and manipulating colors. By Chad Donohue.
Check it out
Writing modular CSS (Part 2)
Some more thoughts on writing modular CSS and why BEM is only part of the solution. By Zell Liew.
Read it
Free Font: Prensa
A slick compressed typeface designed by Fabio Brust.
Get it
cwiki
Command line Wikipedia searching by Christopher Hannah.
Check it out
Expanding Bar Navigation Concept
An experimental tab-like navigation concept where a content area is opened with an animation once an item is clicked.
Check it out