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 inspired
Hacker Scripts
An interesting legacy left by a programmer at a company for automatising everyday tasks.
Check it out
P 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 it
Streamlining 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 it
How to animate "box-shadow" with silky smooth performance
Tobias Ahlin will show you how you can achieve a performant box shadow animation.
Check it out
Frameworks
Chapter 5 of Ethan Marcotte’s new book, Responsive Design: Patterns & Principles.
Read it
Animated SVG vs GIF
Sara Soueidan puts animated SVG and GIFs to the test and explains the differences between using the two.
Read it
Front End Frameworks: Are they accessible?
A quick presentation on some of the potential issues with using any framework. By Russ Weakley.
Check it out
Mastering Sketch 3
A very comprehensive guide to designing in Sketch by Meng To.
Read it
Chillwave
Varun Vachhar recreates the beautiful little loading animation of the creative studio "This Also" website.
Check it out
Horizontal Timeline
A practical beautiful horizontal timeline component by Claudia Romano from CodyHouse.
Check it out
So 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 out
Introducing 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 out
Free Font: Nazaré
A condensed uppercase font inspired by the place with the same name in Portugal. Designed by David Szebenyi.
Get it
WorkDifferent
WorkDifferent is a publication & job board that highlights companies that think and care about their people.
Check it out
Think You Know ES6? Prove it!
Danny Markov from Tutorialzine introduces this fun quiz that puts your ES6 knowledge to the test.
Check it out
Zen Icons (PSD, AI, PNG)
A set of 12 beautiful outline icons with a unique design.
Get it
MissPlete
MissPlete is a misspelling-tolerant autocomplete library written in ES6 by Xavi Caballé.
Check it out
Gridlex
A responsive flexbox based grid system that could come handy for your next project.
Check it out
AntiModerate
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 out
Communication Icons
A lovely set of creative communication icons by Sooodesign.
Get it
This.
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 out
Blab (Beta)
The internet’s most interesting interviews, talk shows, casual hangouts, debates, discussions, and live workshops in one place.
Check it out