Collective #134

Inspirational Website of the Week: Immersive Garden
Immersive Garden impresses with a smooth scrolling experience and a beautiful draggable menu. Our pick this week.
Get inspired
SVG Circus
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds. Made by Alex Kaul.
Check it out
Adobe Web Platform Team
A new website for showing all the awesome projects for creating a more expressive web. By the Adobe Web Platform Team.
Check it out
Getting Started with CSS Shapes
Think outside the box: Razvan Caliman's getting started guide for CSS Shapes.
Read it
Styling & Animating Scalable Vector Graphics with CSS
Sara Soueidan's insightful slides about styling and animating SVGs with CSS from her From The Front talk.
Check it out
Web Components
Read about Jeremy Keith's excitement and concerns regarding Web Components.
Read it
Nautical Vector Pack (PSD, AI, EPS)
A set of beautiful hand-drawn vector elements with a nautical theme made by Ekaterina Bychkova for Pixel Buddha.
Get it
Code on Camera
Code on Camera is an new online education platform that uses short video screencasts to teach modern web design and development.
Check it out
Ultraicons (PSD, PNG, SVG, Icon Font)
A set of lovely solid icons by Robert Karnovski. Also, check out the line version here.
Get it
Making Modal Windows Better For Everyone
Scott O'Hara writes about how to make modal windows more semantic and accessible.
Read it
Single Div Drawings with CSS
Lynn Fisher shows how to turn a single div into a sophisticated drawing with pure CSS.
Read it
Cute File Browser with jQuery and PHP
A tutorial on how to create a stylish file browser by Nick Anastasov.
Check it out
The Bézier Game
Learn how to master the pen tool with this fun game. Made by Mark MacKay for Method of Action.
Check it out
Fitter Happier Text
A fantastic plugin for fitted text using the SVG text element and JS. Made by Brent Jackson.
Check it out
Introducing Runnable JavaScript, CSS, and HTML Code Snippets
Stack Overflow now has its own way to embed runnable JavaScript, CSS, and HTML code blocks right in the body of a post.
Check it out
For the Badge
If you are a badge enthusiast, you will love this project.
Check it out
Bootstrappers
A great new community site for startups and "bootstrappers" made by Jean-Nicholas Hould. Read more about it in this blog post.
Check it out
Free Font: Moriarty
A unique and creative font designed by Sergey Melnikov.
Get it
The Role of Utility Classes in Scalable CSS
David Clark's look into CSS utility classes and how they should be used in large projects.
Read it
Cross-browser select element styles
Remember the CSS-only styles of selects we've reported about in Collective 124? This is Todd Parker's repo for the cross-browser styles for consistent select element styling.
Check it out