Collective #227
Inspirational Website of the Week: Oak Studios
A clean and well-spaced design with lovely typography, playful colors and some subtle effects. Our pick this week.
Get inspired
ScrollTrigger
A well made scroll library that adds classes to elements based on the scroll position. Made by Erik Terwan.
Check it out
Become an Industry-Ready Developer at Galvanize
At Galvanize, you'll learn the programming skills and problem-solving techniques companies seek when hiring developers.
Sign me up
Elementor
A new advanced drag & drop live page builder for WordPress.
Check it out
Accessible SVGs
A very useful and practical article on ensuring SVG accessibility. By Heather Migliorisi for CSS-Tricks.
Read it
Improving User Flow Through Page Transitions
Luigi De Rosa proposes meaningful transitions between pages for a better user experience.
Read it
Moeditor
An all-purpose markdown editor built with Electron by Menci.
Check it out
Landing UI Kit (Sketch, PSD)
Many beautifully designed UI elements that will help you get started with your projects.
Get it
Places to Work
A fantastic collection of places and spaces around the world that allow you to work by Nomad List.
Check it out
Free Font: Umbra
A charming slab-serif font designed by Brenan Stetzer.
Get it
Canvas image manipulation techniques
A great article by Mike Riethmuller that explores the usage of HTML canvas for manipulating images.
Read it
The Future of Browser History
Patryk Adaś' ideas on how "Browser History" could be more intelligent.
Read it
The History of the URL: Domain, Protocol, and Port
A fantastic read by Zack Bloom on the history of the URL.
Read it
Build your first React Redux Application
A great introduction to what React & Redux is and how to use those two frameworks to build a basic application. By Allan Pope.
Check it out
Create an Evolutionary Web Strategy with a Digital MRO Plan
Learn all about the concept of an MRO plan and how to apply it for managing your client's web presence. By David Hillis.
Read it
They're Heeereee: Animating Static in HTML5 Canvas
Dudley Storey shows how to animate static in HTML5 Canvas, creating a Poltergeist cinemagraph.
Check it out
You Don't Need JavaScript
An interesting collection of CSS-only solutions for many web page components. By Phạm Ngọc Quang Nam.
Check it out
ES6 for Humans
A kickstarter guide to writing ES6. By Deepak Grover.
Check it out
Structuring CSS in large projects
Malthe Jørgensen shows how to manage large scale CSS on the example of Peergrade.io's approach.
Read it
Chordsurfer
A fun game as promotion for Red Bull TV's Season of Festivals.
Check it out