Collective #215
![Collective215_siteoftheweek](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_siteoftheweek.jpg?x86293)
Inspirational Website of the Week: Nurture Digital
A truly inspirational site with great balance and smooth, creative effects.
Get inspired![Collective208_FullStory](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/02/Collective208_FullStory.jpg?x86293)
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![Collective215_ala](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_ala.jpg?x86293)
Looking for "Trouble"
An eye-opening article by Orr Shtuhl on how empathy is an integral part of UX.
Read it![Collective215_CSSapply](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_CSSapply.png?x86293)
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![Collective215_Framer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_Framer.jpg?x86293)
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![Collective215_goldenlayouts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_goldenlayouts.jpg?x86293)
GoldenLayout
GoldenLayout is an amazing multi-screen layout manager for webapps. Made by Wolfram Hempel.
Check it out![Collective215_pagekit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_pagekit.jpg?x86293)
Pagekit 1.0 is here
The great debut of Pagekit, a free open source CMS with fantastic core features.
Check it out![Collective215_spectre](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_spectre.jpg?x86293)
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![Collective215_svgtimer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_svgtimer.jpg?x86293)
Building a dynamic SVG timer
Have a look behind the scenes of building a dynamic SVG timer with a brilliant technique.
Check it out![Collective215_guide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_guide.jpg?x86293)
Guide HTML Template
A clean and functional website template designed and coded by FreeHTML5.co for GraphicBurger.
Get it![Collective215_chartd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_chartd.jpg?x86293)
Chartd
With chartd by StatHat you can show responsive, retina-compatible charts with just an img tag.
Check it out![Collective215_lineforawalk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_lineforawalk.jpg?x86293)
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![Collective215_exan-3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_exan-3.jpg?x86293)
Free Font: Exan-3
A monospaced, clean font with a creative style designed by Jon Carlos Morales.
Get it![Collective215_daydrunk](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_daydrunk.jpg?x86293)
Free Font: Day Drunk
A confident and beautiful uppercase handwritten font designed by Alicia Lyon.
Get it![Collective215_360degrees](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_360degrees.jpg?x86293)
360 Degrees Product Viewer
A great interactive component for showcasing a product. Made by Sebastiano Guerriero from CodyHouse.
Check it out![Collective215_wpplugins](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_wpplugins.jpg?x86293)
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![Collective215_min](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_min.jpg?x86293)
Min: A smarter web browser
A minimal and fast browser that is open-source. Made by PalmerAL.
Check it out![Collective215_bricklayer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_bricklayer.jpg?x86293)
Bricklayer
Bricklayer is a light-weight and practical grid layout library made by Adem Ilter.
Check it out![Collective215_monograms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_monograms.jpg?x86293)
Vector Monograms
Artem Demidenko designed these sharp vector monograms for Pixel Buddha readers.
Get it![Collective215_velocepedia](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_velocepedia.jpg?x86293)
Velocipedia
An absolutely brilliant design/psychology project by product designer Gianluca Gimini.
Check it out![Collective215_tensorflow](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_tensorflow.jpg?x86293)
Tensorflow: Neural Network Playground
This amazing playground will help you understand neural networks better by tinkering around with them.
Check it out![Collective215_classicprogrammerpaintings](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_classicprogrammerpaintings.jpg?x86293)
Classic Programmer Paintings
A hilarious collection of paintings that portrait situations of programmers amazingly well.
Check it out![Collective215_YourLife](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2016/04/Collective215_YourLife.png?x86293)
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