Collective #132

Inspirational Website of the Week: Invictus Award Season 2
Elegance and modernity paired with smart effects made Invictus Award Season 2 our favorite this week.
Get inspired
Introducing AM - Attribute Modules for CSS
Glen Maddern introduces this interesting new concept of Attribute Modules (or AM) for CSS.
Read it
Ideal Image Slider
A modern "no-bloat" image slider that is extensible. Made by Gilbert Pellegrom.
Check it out
Tethr
A wonderful and free iOS design kit for mobile prototyping crafted by UI8 for InVision.
Get it
Testing Mobile: Emulators, Simulators And Remote Debugging
Jon Raasch explores some emulators, simulators and remote debugging tools for quick mobile site testing.
Read it
CommonMark
CommonMark is a great proposal for a standard, unambiguous syntax specification for Markdown.
Check it out
Nice Portfolio
A collection of the best design portfolios on the web. Curated by Kim Walker.
Check it out
React Components
If you are working with the React library, you'll find this searchable database of components very helpful.
Check it out
Regular
Regular is a "string-based living template engine" aiming to help you create interactive components. Built by NetEase.
Check it out
Add Rules to Stylesheets with JavaScript
David Walsh shows how to dynamically add and remove styles directly to a stylesheet with JavaScript.
Check it out
JavaScript Memory Management Masterclass
In our last Collective we mentioned Addy Osmani's slides on memory management. Now you can see the video from his great talk about finding and fixing memory leaks in JavaScript.
Watch it
Instacam
With Instacam you can create Canvas videos with CSS filters through the WebRTC API. Made by Xavier Foucrier.
Check it out
CSS Shapes Editor for Chrome
A fantastic Chrome Developer Tools extension by Razvan Caliman that provides an interactive editor for shape property values like circle()
, ellipse()
and polygon()
.

Animsition
A jQuery plugin for adding page transitions with CSS animations.
Check it out
Sensei Grid
Sensei Grid is a simple data grid library in JavaScript. Made by Datazenit.
Check it out
Icons by Hour - 2pm (AI)
As part of his "icons by hour project", Joe Harrison offers these beautiful sweet icons for free.
Get it
Compacticons (PSD)
180 amazing little icons for your next mobile design project.
Get it
Free Font: MODEKA
A very modern and interesting font designed by Gatis Vilaks.
Get it
Playing with CSS Filters
A really cool pen by Sam Jarvis where he experiments with CSS filters.
Check it out
Readonomy
Readonomy is a real-time collaborative bookmarking app that let's you share, discuss and organize content with a team. Made by the Tutorialzine team.
Check it out
uiGradients
Beautiful color gradients for your next design. You can get the CSS code and add your own gradients.
Check it out
Centering in CSS: A Complete Guide
A decision tree for finding the best way to center things in CSS by Chris Coyier.
Check it out
Git: The Safety Net for Your Projects
Tobias Günther writes about Git and how helpful the distributed version control system can be for your project.
Read it