Free Vector Social Media Set

Written by Nick La on 02/08/10

In case you’ve missed it, I recently released a free vector set of Social Media Icons at IconDock. It includes 50 icons of the most popular social media networks. The icons are available at 32px and 16px in EPS, PNG, and GIF format. Feel free to use it in your blogs or client’s projects. If [...]

Source: Web Designer Wall - Design Trends and Tutorials

How nth-child Works

Written by Chris Coyier on 02/08/10

There is a CSS selector, really a pseudo-selector, called nth-child. Here is an example of using it: ul li:nth-child(3n+3) { color: #ccc; } What the above CSS does, is select every third list item inside unordered lists. That is, the 3rd, 6th, 9th, 12th, etc. But how does that work? And what other kinds of things can [...]

Source: CSS-Tricks

Threadsy Invites / Haiti Poster Project

Written by Chris Coyier on 02/05/10

Two things today. First, have you guys heard of Threadsy? I hadn’t, but apparently they got 2nd place at TechCrunch 50, which is pretty great. It’s a web application that combines several of your online “input streams” (e.g. Email, Twitter, and Facebook). I think that’s actually all they do right now, which I find kind [...]

Source: CSS-Tricks

My video setup: Canon HG10 with 35mm adapter

Written by on 02/04/10

I've had a penchant for filmmaking ever since I was a little kid. I've never had the right equipment, though. I'm trying to finally change that, while still trying to stay within budget. The photo above shows the setup...

Source: Authentic Boredom

Link Underlines Grow to Backgrounds on Hover

Written by Chris Coyier on 02/04/10

A reader recently emailed in asking if I knew a way to have links be underlined, and then have the underline grow upwards on hover and turn into a background/highlight effect. I ended up trying three different things, with varying levels of success.

Source: CSS-Tricks

47 Amazing CSS3 Animation Demos

Written by Nick La on 02/03/10

Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a webkit browser such as Safari and [...]

Source: Web Designer Wall - Design Trends and Tutorials

Free Template: DocTemplate

Written by Chris Coyier on 02/02/10

Totally free template for ya'll today. It is fully of AJAX navigation goodness, so subpages load dynamically with no page reload. If you don't like that part (for example, you are trying to put JavaScript demos on the subpages and they won't load that way) just remove the JavaScript files from the header and it will revert to regular nav. Enjoy!

Source: CSS-Tricks

What to Expect in 2010: UX/UI Design Simplicity

Written by Nick La on 02/01/10

Guest Post by Chuck LonganeckerIn January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we’ve yielded to client and user requests [...]

Source: Web Designer Wall - Design Trends and Tutorials