Collective #222
Inspirational Website of the Week: wrk
An incredibly fluid experience that's bursting with creativity and great details. Our pick this week.
Get inspired
Find Your Dream Job With Hired
Sign up & get a free, 1:1 talent coach to help you find the best opportunities for you.
Check it out
HyperDev (beta)
In Joel Spolsky's words: "HyperDev is going to be the fastest way to bang out code and get it running on the internet." If you're into serious coding, this will be your new go to address. Read more about this amazing new code editor here.
Check it out
Type Terms
Learn type terms with this beautifully animated typographic cheat sheet. Made by Supremo.
Check it out
microlight.js
Microlight.js is a tiny open-source library which improves readability of code snippets by highlighting, for any programming language, without attaching additional language-packages or styles. Made by Dmitry Prokashev.
Check it out
AnyPixel.js
AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale. By Google.
Check it out
Radial SVG Slider
Claudia Romano made this creative slider component with a radial transition effect powered by SVG clipPath and mask elements.
Check it out
Multirange
A very useful polyfill for HTML5 multi-handle sliders by Lea Verou.
Check it out
Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
David Berner addresses some common BEM problems and gives some very helpful advice and examples that will take away you headaches.
Read it
MTCHMV
Learn all about MTCHMV, an experiment that explores how After Effects 3D camera tracking can be exported and used on the web. By Jam3.
Check it out
The Ideal Design Workflow
A deliciously sarcastic article by Keaton Herzer on the perfect design workflow. Seriously, this is it!
Read it
CSS Modules Demos
A collection of simple CSS Modules demos for local scoping and module dependencies. By Ruan YiFeng.
Check it out
Soho HTML Template (PSD, HTML)
A clean and elegant template perfect for eCommerce projects. By the Pixel Buddha team.
Get it
Free Font: Moalang
A beautifully designed free font by Agga Swist'blnk.
Get it
State of the gap
Remy Sharp writes about the current status of PhoneGap, the long used bridge between web applications and mobile devices.
Read it
It's Not About Morals: Accessibility is for the Masses
Una Kravets writes about the importance of accessibility and how it helps make the web usable for the masses.
Read it
CSS at BBC Sport (Part 1)
Some invaluable insight on the CSS architecture of BBC Sport by Shaun Bent.
Read it
mailgen
A Node.js package that generates clean, responsive HTML e-mails for sending transactional mail. By Elad Nava.
Check it out
Commit to Contribute
Remy Sharp's sane advice for making contributing to open source projects easier.
Read it
Space iOS Line Icons (AI, EPS, SKETCH, PNG)
A lovely set of space icons in a versatile line style.
Get it
Free Font: PLENTO
A very creative line-style font made by Nicolai Elbæk.
Get it