Collective #136

Inspirational Website of the Week: AYR Editions
AYR Editions is a beautiful example to tell a product story. Our pick this week.
Get inspired
Physical Web
An early-stage experimental project by Google that envisions an easier and better communication for smart devices.
Check it out
HTTP 203: CSS Triggers
HTTP 203 is a new show about web development and in this episode Paul Lewis and Jake Archibald discuss CSS performance.
Watch it
Sweet Alert
SweetAlert by Tristan Edwards is a beautiful replacement for the native JavaScript "alert".
Check it out
Flyer.js
Flyer.js is a very interesting messaging library written for ClojureScript and JavaScript. It provides broadcast messaging between frames, iframes, and windows. Made by Benjamin Zaporzan.
Check it out
Why the Scroll Event Change in iOS 8 is a Big Deal
TJ VanToll summarizes the change of the iOS 8 scroll event and explains why it's important for web devs.
Read it
Pablo the flamingo
Pablo is not just a normal flamingo: he's powered by three.js and loves to dance to his music that you better not turn off! Check out the behind the scenes, too.
Check it out
Building OS X Apps with JavaScript
An excellent tutorial by Tyler Gaw on how to access native OS X frameworks with JavaScript.
Read it
UI Kit
UXPin offers 30 sample user-interface elements for Photoshop, Sketch, Axure or Omnigraffle.
Get it
Future Self
Talk to your future self in this amazing campaign by Orange.
Check it out
CSS Layout Debbuger
A tweet-sized debugger by Addy Osmani for visualizing CSS layouts by outlining DOM element with a random CSS hex color.
Check it out
AngularJS Tutorial: A Comprehensive 10,000 Word Guide
A very complete AngularJS guide by Todd Motto that will help you understand and use AngularJS.
Check it out
Real-time Visitor Globe with Node.js and WebGL
An awesome resource by Danny Markov from Tutorialzine: a real-time visitor globe with Node.js and WebGL.
Check it out
RWDPerf
RWDPerf is a performance testing tool for responsive websites that will help you find suboptimal entities.
Check it out
FAQ Template
A beautiful and easy to customize template for the FAQ section of your project by Sebastiano Guerriero from CodyHouse.
Check it out
Free Font: Big John / Slim Joe
A clean uppercase display typeface by Ion.
Get it
Gifshot
A JavaScript library by Yahoo that can create animated GIFs from media streams, videos, or images.
Check it out
LinkedIn Redesign Concept
Motaz Althaher's wonderful redesign concept for LinkedIn.
Check it out
Additional 40 UI/UX new icons set (AI, PSD, SVG)
Armantas Zvirgzdas' new free icon set with with fine lines and pixel-perfect design.
Get it
Free Stock Images & Videos
AllTheFreeStock gathers all the awesome sites that offer free images, videos and icons.
Check it out