Collective #218
Inspirational Website of the Week: Pixels by Tomer Lerner
An innovative and creative showcase of the fantastic work of Tomer Lerner. Our pick this week.
Get inspired
Get 7 days of free images for your designs
GraphicStock gives you unlimited access to over 300,000 photos, graphics, templates, icons, and other design elements.
Check it out
WAIT! Animate
A tool that provides an easy way to calculate the keyframe percentages for insterting delays between CSS animation iterations.
Check it out
Waybackpack
Waybackpack is a command-line tool that lets you download the entire Wayback Machine archive for a given URL.
Check it out
Shots
Using Waybackpack, shots grabs screenshots of archived pages and creates a filmstrip of a website over time. A great project by Nicolás Bevacqua.
Check it out
Tic-Tac-Toe.js: Redux Pattern in Plain JavaScript
Ramon Victor shows how he built a Tic-Tac-Toe game using Redux principles with vanilla JavaScript.
Check it out
Isometric Stationery PSD Scene Creator
Create your own isometric scene with this creative scene creator offered by ZippyPixels.
Get it
Free Font: Annabel Regular
A lovely and elegant all caps font with ornaments that you can get for a subscription.
Get it
The Value of Multi-Typeface Design
Bethany Heck puts and end to the claim that fewer typefaces make a better design and shows how to choose typefaces on practical examples.
Check it out
Let there be Color!
A fantastic project that automatically colorizes grayscale images using the power of Convolutional Neural Networks.
Check it out
Resource Cards
Resource Cards is a curated list of free resources aimed to help designers with their next project.
Check it out
Packaging Illustrations (AI)
Christina Donald designed these great vector packaging illustrations.
Get it
What Happened to Google Maps?
Justin O'Beirne discovered some interesting and surprising changes to the cartography style of Google Maps.
Read it
Free Font: Publica Sans Regular
Publica Sans is a clean geometric typeface designed by Marcus Sterz. The regular style is for free.
Get it
Let's Learn JavaScript Closures
Understand one of the most fundamental concepts in JavaScript: closures. A great guide by Preethi Kasireddy.
Read it
Alloy
Alloy is a new browser that will let you group pages by tasks. A project by Simon Caminada.
Check it out
Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitialOcean
Una Kravets shares her insights on how to use pa11y for creating an accessibility dashboard for a site.
Check it out
An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements
A great reference for learning everything about CSS pseudo-classes an elements. By Ricardo Zea.
Check it out
Hair Salon Free Icons
Some supercute hair salon icons designed by Sooodesign and available on Flaticon.
Get it
How to Implement Smooth Scrolling in Vanilla JavaScript
A tutorial by Giulio Mainardi on how to implement smooth scrolling in plain JavaScript.
Read it
Musical Instruments Icons (39 Icons, SVG, PNG)
A very nice icon set containing 39 musical instruments. Designed by IconCrafts for Smashing Magazine.
Get it
Icon Set in Affinity Designer
Learn how to create a small icon set in Affinity Designer in this tutorial by Kamil Khadeyev.
Read it