Collective #277

playcode.io
A great playground for rapid front-end experiments.
Check it out
The #1 Page Builder For WordPress Designers
Elementor is the fastest, free & live page builder for WordPress. Download Elementor and start designing beautiful websites today.
Get it free
2017 Trendy Google Fonts Combinations
A very practical guide to awesome Google Fonts combinations by Great Simple Studio.
Check it out
Palette Maker
Palette Maker is an interactive web tool that allows you to explore different approaches to extract color palettes from images. Made by Matt Nedrich. Read the article here.
Check it out
Mouse elastic border
Waaark shares the awesome elastic border effect from their site!
Check it out
East Asian character emojis
A fascinating article on East Asian character emojis by Hui Jing Chen.
Read it
365cons
Amy Devereux's 2016 icon diary with 365 beautifully designed icons.
Check it out
bttn.css
A great tool for creating stylish buttons easily for your next project.
Check it out
table-dragger
A JavaScript library for building reorderable drag and drop tables.
Check it out
How I converted my React app to VanillaJS (and whether or not it was a terrible idea)
David Gilbertson's shares his next challenge with us: converting his React app to VanillaJS.
Read it
Flow technique deconstruction
Martijn Brekelmans explains how a type of flow animation works, deconstructing a demo by Terebus Volodymyr.
Read it
Isaac Asimov: How to Never Run Out of Ideas Again
Charles Chu summarizes Isaac Asimov's wisdoms that will keep your creativity and work flowing.
Read it
Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge
Dorota Pankowska's fantastic challenge on drawing 13 animals with 13 circles.
Read it
Sloped edges with consistent angle in CSS
Kilian Valkhof's overview on slopy elements techniques.
Read it
Crystal Paradise Free Vector Set
A beautiful set of hand-drawn vector illustrations of crystals and minerals.
Get it
Auto Layout for Sketch
A great Sketch plugin that allows viewing your design in different sizes.
Check it out
Vue in 2016
Evan You shares some interesting 2016 stats on Vue.
Check it out
Interpolation in CSS without animation
A very interesting article by Mike Riethmuller on the need of interpolating CSS values outside of animations.
Read it
Let's use const! Here's why.
Some practical insights into using const
. An article by Nicolás Bevacqua.

ggraph
A library for better graph visualization of big messy data. Made by Petter Christian Bjelland.
Check it out
Exploring functional JavaScript
A great article by Grzegorz Ziółkowski to get you started with functional JavaScript programming.
Check it out
The (very) Best of Material Design in 2016
The most loved Material Design inspiration and resources in one place.
Check it out