Collective #186

Inspirational Website of the Week: Samuel Medvedowsky
A very clean portfolio with some very thoughtful details and subtle effects. Out pick this week.
Get inspired
Modernizr 3: A new release and website
A brand-new page design and a new Modernizr release with lots of improvements.
Check it out
Creating Cel Animations With SVG
A brilliant article by Heydon Pickering on how to create vector-based frame-by-frame animations using "cel" elements.
Read it
Pt — A code experiment on point, form, and space.
Pt explores visual forms in code with a plethora of demos by William Ngan.
Check it out
Stylesheets
Stylesheets is a commnunity-generated collection of CSS related tools, tutorials, snippets, and repos.
Check it out
Responsive Sidebar Navigation
A perfect responsive menu that is easily integrable. Made by Sebastiano Guerriero from CodyHouse.
Check it out
Primer
Learn about marketing with Primer by Google.
Check it out
The toxic side of free. Or: how I lost the love for my side project
Remy Sharp shares his story of JS Bin and how difficult it is to deal with problems related to DDoS attacks, spam and more.
Read it
What forces layout / reflow
A compilation of properties or methods in JavaScript that trigger the browser to synchronously calculate the style and layout. By Paul Irish.
Check it out
Hulk Smash SVG!
Hulk Smash SVG! is an really awesome HTML, CSS and JavaScript demo built by Anthony Calzadilla using GSAP and Snap.svg.
Check it out
CSS vs SVG: The Final Round(up)
A great roundup of SVG vs. CSS techniques for various components and effects by Sara Soueidan.
Read it
Keep Out!
A fantastic WebGL game experiment by Little Workshop.
Check it out
World Landmark: 12 Free Icons
A lovely freebie of landmark icons in line style made by PugMarker for GraphicBurger.
Get it
Hacker Menu
An app that will deliver Hacker News directly to your desktop.
Check it out
Free Font: Luzern (regular)
A gorgeous sans serif Typeface loaded with OpenType features. Designed by Gumpita Rahayu with a free regular style.
Check it out
ActiveBox HTML Template
A very clean multi-purpose responsive one-page HTML template made by Kamal Chaneman for PixelBuddha.
Get it
Amazon Web Services in Plain English
A great and clear overview of all Amazon Web Services.
Check it out
How to use Chrome DevTools like a Pro
Ibrahim Nergiz from JotForm shows how to master Chrome DevTools and speed up development
Read it
Free Font: Measure
Sergey Godovalov designed this cool font which you can get for a social share.
Get it