Collective #215

Inspirational Website of the Week: Nurture Digital
A truly inspirational site with great balance and smooth, creative effects.
Get inspired
User-test with a sample size of everyone.
Put aside costly, biased testing services and learn from your actual users’ experiences. Want the full story? Try it free.
Check it out
Looking for "Trouble"
An eye-opening article by Orr Shtuhl on how empathy is an integral part of UX.
Read it
CSS @apply rule (native CSS mixins)
A great article by Serg Gospodaret explaining the CSS @apply rule and how to create native mixins with it.
Read it
Automate your UX Design workflow with Framer.js, Gulp and Sketch
Learn how to use Framer for a kick-ass UX workflow in this superb tutorial by Piervincenzo Madeo.
Read it
GoldenLayout
GoldenLayout is an amazing multi-screen layout manager for webapps. Made by Wolfram Hempel.
Check it out
Pagekit 1.0 is here
The great debut of Pagekit, a free open source CMS with fantastic core features.
Check it out
Spectre.css
If you have missed it: Spectre is a leight-weight modern CSS framework with great features and optimization for Asian fonts. By Yan Zhu.
Check it out
Building a dynamic SVG timer
Have a look behind the scenes of building a dynamic SVG timer with a brilliant technique.
Check it out
Guide HTML Template
A clean and functional website template designed and coded by FreeHTML5.co for GraphicBurger.
Get it
Chartd
With chartd by StatHat you can show responsive, retina-compatible charts with just an img tag.
Check it out
Taking a Line for a Walk
Code experiments on drawing an "active line". This includes some interactive demos and a little drawing web app.
Check it out
Free Font: Exan-3
A monospaced, clean font with a creative style designed by Jon Carlos Morales.
Get it
Free Font: Day Drunk
A confident and beautiful uppercase handwritten font designed by Alicia Lyon.
Get it
360 Degrees Product Viewer
A great interactive component for showcasing a product. Made by Sebastiano Guerriero from CodyHouse.
Check it out
Three Approaches To Adding Configurable Fields To Your WordPress Plugin
An insightful article that summerizes all the different methods for implementing configurable options in a WordPress plugin. By Matthew Ray.
Read it
Min: A smarter web browser
A minimal and fast browser that is open-source. Made by PalmerAL.
Check it out
Bricklayer
Bricklayer is a light-weight and practical grid layout library made by Adem Ilter.
Check it out
Vector Monograms
Artem Demidenko designed these sharp vector monograms for Pixel Buddha readers.
Get it
Velocipedia
An absolutely brilliant design/psychology project by product designer Gianluca Gimini.
Check it out
Tensorflow: Neural Network Playground
This amazing playground will help you understand neural networks better by tinkering around with them.
Check it out
Classic Programmer Paintings
A hilarious collection of paintings that portrait situations of programmers amazingly well.
Check it out
Your Life
A simple HTML infographic that puts life into perspective, inspired by Tim Urban's Life Calendar. Made by Srdjan Prodanovic. GitHub repo can be found here.
Check it out