Collective #8
PSD Buttons
Alessio Atzeni gives us a beautifully clean set of of UI Buttons in this free PSD.
Get itCreateJS Suite
CreateJS is a super-suite of useful libraries and tools for creating interactive, HTML5 based web content. As they are modular, the libraries can work independently from each other. You can also mix them and use them as needed. Check out the featured projects to see some of them in action.
Try itMobile-First Responsive Web Design
In this HTML5 Rocks tutorial, Brad Frost shows us step-by-step how to create a responsive website which is designed with the mobile-first strategy.
Read itBeercamp: An Experiment With CSS 3D
Tom Giannattasio, this year’s Beercamp website organizer, shares some amazing techniques and insights of the 3D experience that pushes the boundaries of what can be done with modern web technologies such as SVG and CSS 3D transforms. Make sure to see the website in action: http://2012.beercamp.com/
Read itCSS Selectors
If you need a complete reference of CSS Selectors then this is the right site. It's a great overview with links to live examples and visual indication for browser support.
Check it outLet’s Talk about Semantics
Mike Robinson explains the importance and of semantics in HTML and how to employ HTML5 for writing meaningful markup without getting lost in the confusion that surrounds it.
Read itTracking Scroll Depth
If you have a website you might have wondered how far down users scroll to see the "below-the-fold" content. Rob Flaherty from Ravelrumba explains how to use jQuery Scroll Depth to record and report scroll events to Google Analytics in order to see the scroll percentage.
Try itheatmap.js
Create heatmaps of a website with this JavaScript library that employs HTML5 canvas.
Get itPageSlide
Have you ever wondered how to slide the whole website and reveal a sidebar panel a lá Path? With this jQuery Plugin you can simply do that and create a really nice effect for showing optional content. Don't forget to check out the responsive demo.
Get itResponsive Viewport Units
The new CSS3 values and units vh, vw, and vmin are arriving and it's time to meet these cool kids. David Storey introduces them and shows us how to use them in a responsive example.
Read itRefactoring >14,000 lines of CSS into Sass
How do you turn a CSS mess into slick high-performance CSS? You use SASS! Eugene Fedorenko will show you how he did it at Beanstalk and what the advantages over "handcrafted" CSS are.
Read it10 High-Quality Photography Icons
Iconshock has designed this amazingly detailed icon set for the readers of the Vandelay Design blog. The set includes 10 high-quality photography-related PNG icons.
Get itAbout CSS Variables
Now that the CSS Variables Module Level 1 is an actual Working Draft of the W3C, you might be interested in how CSS Variables work. This is a short overview with a couple of examples.
Read itHow to use CSS to hide links without href?
A very interesting question on Stackoverflow about an interesting little problem with even more interesting answers. It will help you undertstand more about CSS Selectors.
Read it200 Free Icons
Inventicons gives us this fabolous icon set for free. It includes many useful UI icons and is free for personal and commerical use.
Get itAlphageometry - Decorative Typeface
This is not a font in the classical sense but letters in vector format that you can use to create beautiful decorative illustrations.
Get itcookie.js
Have you ever worked with Cookies in JavaScript on your website and find it too messy? This small and independent JavaScript library will help you with setting, getting and removing cookies in the most simple way. It has some very useful methods, accepts several paramteres and allows chaining.
Get itPremium Pixels Icon Set
Matt Gentile did it again: a super-slick icon set, including the Photoshop custom shape file.
Get it