Collective #362

The Onion & Font Management - "Missing Fonts Are No Laughing Matter"
Jim Kidwell (Extensis) & Rick Livingston (The Onion) discuss how "America’s Finest News Source" manages its fonts and makes sure none go missing (except maybe Papyrus).
Register now for this webcast
Animating Clipped Shapes
Varun Vachhar shares the recipe for one of his demos, a recreation of Herry Koo's SA 15 dribbble shot, using SVG and anime.js.
Read it
Tailwind CSS
A utility-first CSS framework for rapid UI development.
Check it out
Emulating CSS Timing Functions with JavaScript
Ana Tudor explains how to imitate CSS timing functions with JavaScript for smoothly changing states.
Read it
How to write a JavaScript-free todo app using just HTML and CSS
Matt Zeunert made a todo app that doesn't use JavaScript but CSS to control all interactions.
Read it
Frappé Charts
GitHub-inspired simple and modern charts for the web with no dependencies.
Check it out
CNTK World
Simple and ready-to-use deep learning examples for the Microsoft Cognitive Toolkit (CNTK).
Check it out
JavaScript Physics with Matter.js
Will Boyd shares his insights from playing with Matter.js and shows how to code a pinball game with it.
Read it
Powerful Start in Sketch
A great tutorial that will teach you strong foundations for your Sketch workflow.
Read it
CaptainDuckDuck
A modern automated app deployment and web server manager.
Check it out
A Guide to Automating & Scraping the Web with JavaScript
Learn how to scrape information from websites using Chrome, Puppeteer and Node JS.
Read it
Yummy Meals Vector Set (AI, EPS, PSD, SVG, PNG)
29 delicious hand-drawn food illustrations by Creative Veila.
Get it
50 Kitchen Icons (PNG, SVG, EPS)
A set of colorful kitchen icons made by Icons8.
Get it
How I learned to love Vim
Read how Sanchit Gera overcame his bitter-sweet relationship with Vim and learned to love it.
Read it
#ColorFontWeek
From Monday Oct. 30th to Friday Nov. 3rd, Fontself & Adobe are releasing free color fonts that you can use in Illustrator.
Check it out
Web Typography: Designing Tables to be Read, Not Looked At
An excerpt from Chapter 2 of Richard Rutter's new book, Web Typography.
Read it
css-doodle
A fresh version of the fantastic web component for drawing patterns with CSS by Yuan Chuan.
Check it out
Karl Steltenpohl's Terminal
Karl Steltenpohl's site is just like a terminal.
Check it out
The meaning of AMP
Something to think about. By Jeremy Keith.
Read it
Voxelengine3
Voxelengine3 is a ThreeJS WebGL voxel engine.
Check it out
A closer look at Google Calendar's new design
Vivienne Kay dissects the new design of Google Calendar.
Read it
What's the difference between JavaScript and ECMAScript?
Michael Aranda clarifies the terminology around the JavaScript specification.
Read it
Vehicle Detection
Vehicle detection using machine learning and computer vision techniques for Udacity's self-driving car course.
Check it out