Collective #196
Inspirational Website of the Week: Admir Hadzic
A creative layout with strong typography and the right color balance — our pick this week.
Get inspiredHacker Scripts
An interesting legacy left by a programmer at a company for automatising everyday tasks.
Check it outP Vs. NP: The Assumption That Runs The Internet
Zack Grossbart gives a fantastic introduction to the P versus NP problem in this Smashing Magazine article.
Read itStreamlining CSS Print Design with Sass
A fantastic read on how Sass is employed at O'Reilly Media to streamline their publishing toolchain. By Sanders Kleinfeld.
Read itHow to animate "box-shadow" with silky smooth performance
Tobias Ahlin will show you how you can achieve a performant box shadow animation.
Check it outFrameworks
Chapter 5 of Ethan Marcotte’s new book, Responsive Design: Patterns & Principles.
Read itAnimated SVG vs GIF
Sara Soueidan puts animated SVG and GIFs to the test and explains the differences between using the two.
Read itFront End Frameworks: Are they accessible?
A quick presentation on some of the potential issues with using any framework. By Russ Weakley.
Check it outMastering Sketch 3
A very comprehensive guide to designing in Sketch by Meng To.
Read itChillwave
Varun Vachhar recreates the beautiful little loading animation of the creative studio "This Also" website.
Check it outHorizontal Timeline
A practical beautiful horizontal timeline component by Claudia Romano from CodyHouse.
Check it outSo how does the browser actually render a website?
Ryan Seddon's interesting talk at the JSConfEU 2015 in Berlin on how a browser renders a website.
Check it outIntroducing Pokedex.org: a progressive webapp for Pokémon fans
Nolan Lawson's in-depth tutorial that shows how to create a rich progressive web app that's performant.
Check it outFree Font: Nazaré
A condensed uppercase font inspired by the place with the same name in Portugal. Designed by David Szebenyi.
Get itWorkDifferent
WorkDifferent is a publication & job board that highlights companies that think and care about their people.
Check it outThink You Know ES6? Prove it!
Danny Markov from Tutorialzine introduces this fun quiz that puts your ES6 knowledge to the test.
Check it outZen Icons (PSD, AI, PNG)
A set of 12 beautiful outline icons with a unique design.
Get itMissPlete
MissPlete is a misspelling-tolerant autocomplete library written in ES6 by Xavi Caballé.
Check it outGridlex
A responsive flexbox based grid system that could come handy for your next project.
Check it outAntiModerate
Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish.
Check it outCommunication Icons
A lovely set of creative communication icons by Sooodesign.
Get itThis.
This. is a place to find and share the web's best entertainment, art and journalism. Each member can share just one link a day.
Check it outBlab (Beta)
The internet’s most interesting interviews, talk shows, casual hangouts, debates, discussions, and live workshops in one place.
Check it out