In this beginner-level web design tutorial, I’ll show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop. We’ll also use some brushes to accent the design. Preview You can see the final result below. Click on the image to see it in full scale . Resources Wood Grain Textures by Texture Lovers Myriad Pro by Robert Slimbach and Carol Twombly FlightOfGrey Stroke Brush Set by FlightOfGrey Old... 

In the pack, you will find 12 triangular wooden icons of popular social media sites released exclusively on Six Revisions. I wanted to create my first set of icons that were unusual from the rest of the other social media icons, yet still followed a particular popular design element: wood . Each icon comes in 3 sizes (32px, 48px and 75px) in PNG format . Preview This icon pack is licensed under Creative Commons Attribution 2.0 and so they are... 

Confession time: Somewhere down the back of my T-shirt drawer there’s a black tee with a red dinosaur and the word “Mozilla” in blocky soviet-industrial type. It’s from a time when Firefox was young and easy and free, and we were in love. Ah, Firefox. Whatever happened to us? Taking Chrome out was no big deal at the time — just for …  Read More →

Episode 53 of The SitePoint Podcast is now available! This week your hosts are Stephan Segraves ( @ssegraves ) and Kevin Yank ( @sentience ). Listen in your Browser Play this episode directly in your browser! Just click the orange “play” button below: Download this Episode You can also download this episode as a standalone MP3 file. Here’s the link: SitePoint Podcast #53: “I’m here with the booze!” (MP3, 48.7MB) Subscribe to the Podcast... 

Somehow, I inadvertently started a navigation series over the last few weeks. It’s purely coincidence, mostly spawned by emails and such. This week, we’re going to mimic the neat navigation functionality, found on JohnMayer.com. Simply mouse over one of the navigation items to see the effect. However, we’re going to make it a bit more flexible by removing the need for images. We’ll achieve the effect using only CSS and JavaScript.... 

 Read More →

These days, a portfolio is a must. What we have here is a list of dark portfolio websites that are split up into common groups that most portfolios fall in. The last group will be for those experimental dark layouts, where the designer tries something different. Rotating Image/Static Featured Image We’ll start out with perhaps the most popular forms of portfolio design. This is the jQuery…  Read More →

Image: Wikipedia/CC HTML, CSS and JavaScript have always been visible to the interested end user. Whether through the good old view source option in your browser, or something a bit more sophisticated — like developer favorite Firebug — the code has always been there to learn from. It’s part of what makes the open web open. But when it comes to JavaScript, it’s possible that openness may soon be a thing of the past. …  Read More →

Poor Microsoft — they must be wondering when it’s all going to end. Their browser choice screen was launched on 1 March following costly EU legal shenanigans. Statisticians then reported that the random browser display was not as random as it could be . Now the makers of Avant, Flock, GreenBrowser, K-meleon, Maxthon, Sleipnir and Slim have complained to the EU about the visibility of their browsers. The vendors state that it’s... 

In my last post, I took a stance against inbox zero . The truth is, I want into the club, but I will never make it. I just don’t have the time or energy to make email such a big focus in my day. But that doesn’t mean I’m destined to a life of email abuse. In fact, there are a number of other ways to manage email. Here are some options that just may work for you. Wild, Untamed, Crazy Email If you have an inbox with a few hundred... 

Zeldman’s overview of upcoming IE9.  Read More →

Are there any tools available for project management and collaboration. How these tools can be useful and what are the features. These are the things we are going to analyze in this article.  Read More →

The community has made some amazing Chrome extensions. Here is the list of 7 Extremely Useful Chrome Extensions for Web Developers which are very easy to use for every day work.  Read More →

Whether it’s textures , Photoshop brushes , or fonts , we love finding top notch free files and sharing them with our readers. We do the searching so you don’t have to. This saves you time and helps you focus on what’s important. For this article, we’ve rounded up high-quality icons that you can use in your e-commerce projects. Checkout Process Icons Shopping Bag Money Back Guarantee Icon Set Free eCommerce icons Shop... 

CSS floats are used everywhere in modern web design, but many people don’t understand how they work and behave. This tutorial will help.  Read More →