We're gonna start a new section here featuring some cool web design resources and articles because everyday the web design community produces an incredible amount of stuff and sometimes we just can't keep up with everything, or what the heck, we just don't want to. If you release or publish something during June, feel free… Continue reading Best Web Design Resources of May 2011
Webkit brought a lot of enhancements to the formerly dull browser based user interfaces, with transform and transition properties being among the most useful for user interaction. In this tutorial we will learn how to use both to create a product card that flips to reveal more information with a fallback for browsers that don't… Continue reading CSS Card Flip using Webkit Transitions
Check this cool experiment: 3d text created with the text-shadow property from CSS 3.
CSSsitemap System is a CSS sitemap for Webkit to visually document large sites with a complex hierarchy. You can download the system for your own use.
There is a lot of hype around CSS patterns nowadays, now that we can add gradients or use transformations, even if sometimes it's only for Webkit. Here we have a pattern generator and a CSS 3 patterns gallery where you can view and download them. CSS Pattern Generator Patternify is a nifty tool created by… Continue reading CSS Pattern Generator and Gallery
Colorzilla, best known for the Firefox extension to pick colors in a web page, released an excellent tool to create cross browser CSS 3 gradients with a polished interface and the ability to upload images to create the gradients. Ultimate CSS Gradient Generator makes it really easy to create gradients by not only providing a slick… Continue reading CSS 3 Gradients Generator
Less Framework 3 tackles responsive design bundling 4 layouts of 3, 5, 8 and 13 columns applied using media queries.
Sometimes we need to include a feedback form but without making it too obtrusive to the user so we only want to add options when he is actually using it. In this tutorial we're going to learn how to reveal hidden fields in a form when an option in a select combo box is selected… Continue reading Reveal extra form fields using a select box with jQuery
Fantastic demo of HTML5 and CSS3 power in this WebKit Clock. Use Chrome or Safari to see it.