Inspirational Website of the Week: Formigari
An elegant design with great details and modern effects. Our pick this week.
Add Powerful UI Components to your React Apps with ExtReact
Learn how to build data-intensive, cross-platform web apps leveraging more than 115 professionally tested and supported Sencha components and React.
Increase your web development skill-set: 150 animated tips on Chrome DevTools
Umar Hansa shares some of his over 150 animated gifs which showcase how to use Chrome DevTools.
The Lightweight Browser: Firefox Focus Does Less, Which Is So Much More
Read about Firefox Focus, the new private browser for iOS and Android, which is aimed to be simple and lightweight.
Product Graveyard
A final resting place for deceased products.
JavaScript Events Unmasked: How to Create an Input Mask for Mobile
Learn how to tackle the challenges that come with building an input mask for mobile.
Using the Paint Timing API
The Paint Timing API arrived in Chrome 60 and Jeremy Wagner shows how to use it to capture metrics on when a page begins painting.
User Authentication For Web And iOS Apps With AWS Cognito (Part 1)
David Tucker shows how to use Cognito, a tool for enabling users to sign up for and sign into web and mobile applications.
Machine Learning Mindmap / Cheatsheet
A mind map summarizing Machine Learning concepts, from Data Analysis to Deep Learning.
Fuzzysort
Fuzzysort is a JavaScript library for fast SublimeText-like fuzzy search.
How to create a Neural Network in JavaScript in only 30 lines of code
A tutorial by Per Harald Borgen where he shows how to create and train a neural network using Synaptic.js, which allows you to do deep learning in Node.js and the browser.
Towards a JavaScript Binary AST
David Teller introduces the JavaScript Binary AST, an ongoing project for faster web page loading.
All the fundamental React.js concepts, jammed into this single Medium article
Samer Buna’s practical introduction to the fundamentals of React.js for those who are already familiar with JavaScript and know the basics of the DOM API.
Vim isn’t that scary. Here are 5 free resources you can use to learn it.
Fatos Morina shares some great resources for getting started with Vim.
An Intro to Compilers
Learn about what a complier does in this introduction by Nicole Orchard.
Puppeteer
Puppeteer is a Node library which provides a high-level API to control headless Chrome over the DevTools Protocol. It can also be configured to use full (non-headless) Chrome.
Songbird: Spatial Audio Encoding on the Web
Songbird is a real-time spatial audio encoding JavaScript library for WebAudio applications by Google.
Desktop Kit
A Sketch template of macOS UI elements from Facebook Design.
Integrating Animation into a Design System
Alla Kholmatova writes about the challenges of creating a cohesive system and ensuring consistency when it comes to integrating animations into a design.
A Gulp Workflow for Frontend Development Automation
A tutorial by Andrew Welch where he shows how to use Gulp for frontend development.
Chunky Gradient Along SVG Path
An interesting animated chunky gradient that uses stroke-dasharray and stroke-dashoffset.
Draw a horizontal tree using CSS pseudo elements
Check out some pseudo element trickery for creating a horizontal tree structure in CSS.
Collective #342 was written by Pedro Botelho and published on Codrops.