Collective #414
![C414_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_WOTW-1.jpg?x86293)
Inspirational Website of the Week: #Art4GlobalGoals
A beautiful design with great typography and fantastic effects. Our pick this week.
Get inspired![C414_Udemy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_Udemy.png?x86293)
Enroll in over 65,000 online courses for only $14.99 each
From web design and development to digital marketing to cooking courses, Udemy has something for everyone. Take top-rated courses, discover new passions, and expand your skills.
Pick your course![C414_guess](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_guess.jpg?x86293)
Guess.js
A very interesting toolkit for enabling data-driven user experiences on the web.
Check it out![C414_FID](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_FID.jpg?x86293)
First Input Delay
Philip Walton explains the "First Input Delay" interactivity metric that the Chrome team is currently experimenting with.
Read it![C414_grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_grid.jpg?x86293)
CSS Grid Layout Interface Builder
A very useful visual interface builder for CSS Grid that allows you to create and export your custom layouts (with legacy grid support).
Check it out![C414_transition](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_transition.jpg?x86293)
WebGL Distortion Slider
Ash Thornton implemented a beautiful Dribbble shot designed by Nathan Riley and applied a great three.js powered transition effect inspired by Robin's distortion idea.
Check it out![C414_knox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_knox.jpg?x86293)
Free Font: MT Knox
A fine editorial display font designed by Morrison Type.
Get it![C414_themes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_themes.jpg?x86293)
Themify
With Themify you can manage your application's themes in realtime, using a robust solution that's easily configurable. Read more about it in this article.
Check it out![C414_survey](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_survey.jpg?x86293)
The Front-End Tooling Survey 2018 - Results
The interesting results of this year's Front-End Tooling Survey by Ashley Nolan.
Check it out![C414_buttonstyle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_buttonstyle.jpg?x86293)
Styling buttons, the right way
Florens Verschelde shows how to create basic styles for links and buttons, and how to make a custom .btn CSS component.
Read it![C414_devtools](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_devtools.jpg?x86293)
What's new in Chrome DevTools (Google I/O '18)
Learn about the latest features shipping in Chrome DevTools.
Watch it![C414_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_react.jpg?x86293)
My struggle to learn React
Brad Frost shares why he has trouble with learning React.
Read it![C414_buttoncsstr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_buttoncsstr.jpg?x86293)
Overriding Default Button Styles
Chris Coyier explores how the default button styles can be overridden.
Read it![C414_cssinjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_cssinjs.jpg?x86293)
What's right with css-in-js
Micah Godbolt shares some interesting thoughts on CSS in JS as an answer to Brad Frost's "What's wrong with css-in-js".
Read it![C414_world](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_world.jpg?x86293)
World Draw
World Draw starts with a simple 2D sketch, which is then transformed into a customizable 3D model and placed into a virtual world.
Check it out![C414_Fugue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_Fugue.jpg?x86293)
Fugue
High-quality music tracks for your projects. Free for a link, by the folks of Icons8.
Check it out![C414_cssgridsm](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_cssgridsm.jpg?x86293)
New CSS Features That Are Changing Web Design
A nice introduction to new CSS layout options with some interesting examples. By Zell Liew.
Read it![C414_gridresize](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_gridresize.jpg?x86293)
Using grids to create copies
Roman Komarov's interesting CSS grid demo where the items' sizes depend on a particular one.
Check it out![C414_regex](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_regex.jpg?x86293)
A Guide to JavaScript Regular Expressions
A great manual for regular expressions in JavaScript by Flavio Copes.
Read it![C414_summer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_summer.jpg?x86293)
Summer Child Graphics Set
A beautiful summer themed illustration set by Helter Skelter.
Check it out![C414_visual](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_visual.jpg?x86293)
Workplace Brand Visualizations
A very interesting digital visualizations project that shows evolving animated graphic patterns.
Check it out![C414_guitar](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_guitar.jpg?x86293)
How To: Tune a Guitar
A beautiful and interactive guide that will teach you how to tune a guitar. By Matthew Conlen and Alex Kale from the Interactive Data Lab at the University of Washington.
Check it out![C414_emoji](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_emoji.jpg?x86293)
Emoji Bounce
A fun Emoji demo by Chris Gannon.
Check it out![C414_ranger](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_ranger.jpg?x86293)
Ranger
Ranger.js is a small, standalone library for working with ranges of numbers in JavaScript.
Check it out![C414_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/05/C414_font.jpg?x86293)
Free Font: Mandorlato
An almond shaped font designed by Stefano Giliberti.
Get it