Collective #214

Inspirational Website of the Week: The Next Rembrandt
A fantastic digital experience with smooth effects and very interesting details. Our pick this week.
Get inspired
See What Makes Hack Reactor the Best Choice for Your Programming Career
Hack Reactor's 12-week immersive coding school is accepting applications for onsite and online courses. Apply now and change your life.
Get Started
Popper.js
A truly well implemented tooltip solution for modern web apps. Made by Fez Vrasta.
Check it out
GitLab Pages
A great way to create websites for your GitLab projects, groups, or user account.
Check it out
What every browser knows about you
Get an idea of the amount and type of information a browser can collect. Pretty scary.
Check it out
A Simple Web Developer's Guide To Color
Laura Elizabeth shares a great color workflow that could be very useful for your next project.
Read it
CSS custom properties (native variables) In-Depth
Serg Gospodarets shows the power of CSS variables in some very interesting and practical examples.
Read it
Pure CSS Games with Counter-Increment
CSS/Sass master Una Kravets pushes the limits of CSS by creating a game using the counter-increment property.
Read it
Algebrite
Algebrite is a Javascript library for symbolic mathematics made by Davide Della Casa.
Check it out
InlineTweet.js
InlineTweet.js is a great little script that allows you to easily create tweetable links out of any text on a webpage. Made by Ire Aderinokun.
Check it out
Free Font: Kicker
Alexander Sheliketo designed this sharp uppercase typeface, perfect for expressive headlines.
Get it
atrament.js
A JS library by Jakub Fiala that allows to draw naturally with smooth lines on an HTML canvas element.
Check it out
Flowchart kit (Sketch)
A very useful and well designed mobile flowchart UI kit by Dmitry Kurash and Irina Medyantseva.
Get it
Free Font: WAYWARD
A beautiful script lettering font with lots of character designed by Jeremy Vessey for Pixel Surplus.
Get it
CSS containment
Michael Scharnagl summarizes what the interesting CSS contain property does and how it can be used (currently only supported in Chrome behind a flag).
Read it
A debugging thought process
Remy Sharp shares his really helpful and effective debugging thought process.
Read it
Just Good Copy
Some great examples of well written email copy from some popular companies.
Check it out
Joy Icon Set (Free Vector & PSD)
A lovely vector icon set in line style.
Get it
Almost complete guide to flexbox (without flexbox)
Some useful tips by Kenan Yusuf on how to provide CSS flexbox fallbacks.
Read it
guaana
A new platform that aims to connect scientists and experts for meaningful data exchange and collaboration.
Check it out
Amazing accessibility news all around…
Some great resources and news about accessibility tech. By Christian Heilmann.
Check it out
Colorion
Curated color palettes with useful search functionality.
Check it out
Free Font: Little Cutie
A beautiful brush letter typeface designed by Junik Studio for Pixel Buddha.
Get it