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 inspiredTesseract.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 outNotification Logger
Notification Logger helps provide desktop notification for your console messages so you don't have to open the console.
Check it outStyled Components
Visual primitives powered by ES6 and CSS to style your apps. Made by Glen Maddern and Max Stoiber.
Check it outTaking 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 itStripe.com Navigation in CSS and jQuery
Claudia Romano from CodyHouse re-implements the pretty navigation of the new Stipe website.
Check it outYour 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 outPure CSS Minesweeper
An awesome demo by Bali Balo where he built a fully functioning Minesweeper with some serious Sass magic.
Check it outChrome DevTools Masterclass
A insightful masterclass on using Chrome DevTools efficiently by Prashant Palikhe.
Watch itEnhancing a comment form: From basic to custom error message to BackgroundSync
Michael Scharnagl shows how to pimp your forms with BackgroundSync.
Check it outProgressive 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 outCopperSmith
CopperSmith is a very simple static site builder that uses markdown files, primarily built for rolling out documentation. Made by Charl Gottschalk.
Check it outStateful and stateless components, the missing manual
Learn all about stateful and stateless components in this in-depth article by Todd Motto.
Read itSketch Viewer
A useful tool to view, version, and share your .sketch files on the web.
Check it outYou Might Need JavaScript
Hugo Giraudel shares his thoughts on when and why to use JavaScript and when it's okay not to.
Read itFree font: Klasik Sans
A great typeface with three styles designed by the folk at FDR.
Get itSmartlook
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 outWe need JavaScript to fix the web
Christian Heilmann's thoughts on the recent JavaScript debate.
Read itViewedIt
A free tool for creating, sending and tracking videos. Built by Vidyard.
Check it outTaking PHP Seriously
An interesting article by Keith Adams on developing with PHP.
Check it outFree Font: Kulag
A bilingual display typeface designed by Pavels Lavrinovics.
Get it