Collective #255

Inspirational Website of the Week: Offf Italia
Lovely details combined with some geeky effects make the "Offf Italia" website our pick this week.
Get inspired
Tesseract.js
Tesseract.js is a pure JavaScript port of the popular Tesseract OCR engine that gets words in almost any language out of images.
Check it out
Notification Logger
Notification Logger helps provide desktop notification for your console messages so you don't have to open the console.
Check it out
Styled Components
Visual primitives powered by ES6 and CSS to style your apps. Made by Glen Maddern and Max Stoiber.
Check it out
Taking Pattern Libraries To The Next Level
A brilliant article by Vitaly Friedman on how to get the best out of pattern libraries and tackle common problems.
Read it
Stripe.com Navigation in CSS and jQuery
Claudia Romano from CodyHouse re-implements the pretty navigation of the new Stipe website.
Check it out
Your Social Media Fingerprint
Robin Linus raises awareness with this demo where you can see how most major web platforms leak whether you are logged in without your consent.
Check it out
Pure CSS Minesweeper
An awesome demo by Bali Balo where he built a fully functioning Minesweeper with some serious Sass magic.
Check it out
Chrome DevTools Masterclass
A insightful masterclass on using Chrome DevTools efficiently by Prashant Palikhe.
Watch it
Enhancing a comment form: From basic to custom error message to BackgroundSync
Michael Scharnagl shows how to pimp your forms with BackgroundSync.
Check it out
Progressive enhancement isn't dead, but it smells funny
Nolan Lawson dissects the subject of Progressive Enhancement with the conclusion that "the web platform is for everyone" and that there's no need for shaming when choosing JavaScript as primary tool.
Check it out
CopperSmith
CopperSmith is a very simple static site builder that uses markdown files, primarily built for rolling out documentation. Made by Charl Gottschalk.
Check it out
Stateful and stateless components, the missing manual
Learn all about stateful and stateless components in this in-depth article by Todd Motto.
Read it
Sketch Viewer
A useful tool to view, version, and share your .sketch files on the web.
Check it out
You Might Need JavaScript
Hugo Giraudel shares his thoughts on when and why to use JavaScript and when it's okay not to.
Read it
Free font: Klasik Sans
A great typeface with three styles designed by the folk at FDR.
Get it
Smartlook
A service that records everything visitors do on your site so that you can look at your website through your visitor's eyes.
Check it out
We need JavaScript to fix the web
Christian Heilmann's thoughts on the recent JavaScript debate.
Read it
ViewedIt
A free tool for creating, sending and tracking videos. Built by Vidyard.
Check it out
Taking PHP Seriously
An interesting article by Keith Adams on developing with PHP.
Check it out
Free Font: Kulag
A bilingual display typeface designed by Pavels Lavrinovics.
Get it