Collective #330
Inspirational Website of the Week: Standing By
A great, solid design with excellent typography and perfect details. Our pick this week.
Get inspired
Fractures
Fractures helps you bootstrap design systems and prototypes by providing a set of non-blocking, atomic, utility classes.
Check it out
Designing The Perfect Date And Time Picker
Vitaly Friedman showcases some great date picker examples.
Read it
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
Numi
Numi is a beautifully designed, multi-language calculator app for Mac. Made by Dmitry Nikolaev.
Check it out
Remote Starter Kit
A great collection of useful tools for remote teams.
Check it out
Dropdown alternatives for better (mobile) forms
Some great tips for designing dropdowns for mobile by Zoltan Kollin.
Read it
Home automation with Raspberry Pi, Node and React
Viktor Kirilov writes about the code he released for automating his home using a Raspberry PI 3.
Read it
Does__BEM--work?
A great article on the benefits of using the BEM syntax. By Jack Appleby.
Read it
Attract hover effect
A great wobbly attraction hover effect by Louis Hoebregts.
Check it out
10 Common Data Structures Explained with Videos + Exercises
A fantastic compilation of the most common data structures, explained visually and coded in JavaScript. By Beau Carnes.
Check it out
ImageOptim Sketch Plugin
The great image optimization tool ImageOptim now has a Sketch plugin.
Check it out
Free Font: Fivo Sans Modern
A display typeface with a unique touch designed by Alexander Slobzheninov.
Get it
The language of programming
A nice read on the challenges of the language of programming and how universal computing could help bridge the gap between different cultures.
Read it
In response to Creative Commons
Aziz Acharki from Unsplash answers to the Creative Commons article concerning the Unsplash license change.
Read it
sqlify
Convert any CSV or JSON file to a SQL, JSON or CSV file.
Check it out
CSS Dev Conf - Contest Submission
A beautiful demo by Nat Cooper for the CSS Dev Conf logo competition.
Check it out
Gatsby
Gatsby is a static site generator for React.
Check it out
Terminal in React
A tiny React component that renders a terminal. Made by Nitin Tulswani.
Check it out
460 Free Online Programming & Computer Science Courses You Can Start in July
Dhawal Shah shares an excellent collection of free courses you can start this month.
Read it
Accessibility feedback from Twitter
A collection of feedback from users with disabilities showing what problems they encounter on the web.
Read it
Making a virtual machine in Google Sheets
Brian Steffens shows how he used Google Sheets to create a Virtual Machine that generates Fibonacci numbers.
Read it
Letter Effects and Interaction Ideas
(Part 2)
A new set of letter effects and animations for playful typography interactions.
Check it out