Collective #332
Inspirational Website of the Week: Andre Ribeiro
An elegant page design with smooth transitions. Our pick this week.
Get inspired
Affinity Photo for iPad
Affinity Photo is the first fully featured photo editing app for iPad – as seen at WWDC2017.
Buy for iPad
Generating Images in JavaScript Without Using the Canvas API
Alastair Coote explains how he generates images in JavaScript and put them into a web notification.
Read it
Reverse Engineering One Line of JavaScript
Alex Kras accepts the challenge to break down a minified script and explains what it does.
Read it
Markvis
With Markvis you can create visualizations easily in markdown.
Check it out
Sukhoi
A powerful web crawler with solid features and JSON-like data extraction capabilities.
Check it out
Let's Dev: A Package Manager
Maël Nison shows how to build a package manager.
Read it
Chrome 60 - What's New in DevTools
Kayce Basques walks us through the new features and major changes coming to Chrome DevTools in Chrome 60.
Watch it
The one about an app
Chen Hui Jing shows how she created a simple library book tracker in JavaScript.
Read it
Folding a tetrahedron
Ana Tudor shows how to do some serious CSS 3D magic.
Watch it
Introducing The Website Speed Test Image Analysis Tool
Eric Portis introduces a new tool that lets you measure, diagnose and communicate about the image performance of any website.
Read it
Reducing CSS bundle size 70% by cutting the class names and using scope isolation
Gajus Kuizinas shows how to do Google-like class name shortening.
Read it
Kactus
If you haven't heard about it yet: Kactus is a tool to bring proper version control (as in git) to designers (Sketch for now).
Check it out
This website now uses Grid Layout
Hidde de Vries shows how he implemented CSS Grid on his website.
Read it
86 Sketch shortcuts that every product designer should be using
A very useful list of Sketch shortcuts plus desktop wallpaper.
Check it out
Now
Now enables instant immutable deployments to any cloud provider with a simple API that's scalable, intuitive and optimized for collaboration. By Zeit.
Check it out
Practical Node.js
The manuscript (draft) and code for the "Practical Node.js" book (work in progress).
Check it out
Making our own Emoji
Marek Minor is making a real Apple-esque Emoji for every one of his colleagues. Learn how he does it.
Read it
Advanced SCSS
Jarno Rantanen compiled this interesting list of SCSS superpowers.
Check it out
Scaling Node.js Applications
Samer Buna explains everything you need to know about Node.js built-in tools for scalability.
Read it
Introduction to Vue Workshop Materials
Sarah Drasner's materials for her "Introduction to Vue.js" workshop.
Check it out
CSS Database
If you don't know it yet: CSS Database is a comprehensive list of CSS features and their positions in the process of becoming implemented web standards.
Check it out
VideoWiki
A new project that envisions a video version of Wikipedia. Read more about it in this article.
Check it out