We have collected some of the very best 30+ professional website design tutorials mostly done in photoshop. It's no surprise to see there's a lot of photoshop tutorials out there about creating a professional business website design layout.

There’s a lot that goes into creating a web design, but I believe it can be broken down into four main components. If you’re able to execute on all four, you will have a hit web design on your hands. However, if you come up short on one, the entire design will suffer. That’s the challenge. All aspects of a great design must compliment each other while helping achieve the end goals of the website. In this article, I’ve broken down the four key components of a great web design with examples and resources.

The days of using tables for layout are hopefully gone. This doesn’t mean that tables don’t have a place in web design and development. When you have tabular data, tables are the way to go and are what you should be using. However, ordinary tables can be limiting to the user when you have complex data to display.

In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it.

jQuery is a Javascript library that is used in a large number of web applications and is popular amongst web application developers. It was launched in 2006 by John Resig, and immediately gained a large following due to its lightweight nature and design philosophy. jQuery allows developers to build Javascript web applications easily by abstracting many of the complexities and difficulties

ASP.NET Web Deployment is, shall we say, problematic at times – at least for a hosted scenario where you can’t do dumps from a build server and you don’t have access to IIS (which means you can’t use WebDeploy). What you’re about to read isn’t specific to the Microsoft platform at all and works with any development tool. And NO, you don’t need a single thing installed on the server (save FTP) for it to work.

In this post, I’ll focus on a few lines of code from the latest version of that sample. Those few lines of code enable my custom script to benefit from the script loader’s features such as lazy and parallel loading and dependency management.

We all know when a page is requested, ASP.NET processes the page, its server controls, and finally sends the HTML to the client-side for the browser to render it. The time taken to download the HTML at the client side depends mainly on the final size of the page. If your page is data rich, it would take a lot of time to fetch it. So here I am presenting a technique to reduce the size of ASP.NET web pages.

I was browsing through last month’s issue of .net magazine when I came across an article by Remy Sharp about HTML5. I must admit that I was a bit out of the loop with regards to this new version of HTML5 and where it was at, and the reality surprised me.

Google Translate is a new tool that could help visitors understand your website no matter what language they speak. SitePoint looks at whether it’s great or gibberish.

In web application or software, very often we will need to present collected data to the users. Back in the olden days, data such as traffic statistics and clicking hits were presented through simple numbers or words, this method is plain and simple.

Over 2 billion mobile phone users have access to the web on a global scale. About 700 million of these users have or continue to use their mobile browsers to search the web on a consistent basis. As these numbers increase, the need for crisp, clean, and usable mobile websites are in high demand.

CSS is a great tool for styling web pages and keeping the style code in it’s own place, instead of mucking up the HTML. Unfortunately, CSS is not a programming language, and does not have the tools that come with a server side language like PHP. However, we can use Server-side languages to generate style sheets, and get the best of both worlds!

Whether you’re talking about weight, height, or the code for a website, the truth is that size really does matter. It isn’t a question of whether or not size matters — in one way or another, our experiences have shown that it does. The real question is how much does size matter? And how much does it matter when it comes to your code?

.NET Framework 4 Beta 2 has been out for a little while now. There are some subtle improvements to the ScriptManager control in ASP.NET 4.0 that few have picked up on yet. Allow me to introduce you to them! First, let me say that this is strictly about features in the server-side ASP.NET ScriptManager control, not the Ajax library in general. Also – if you do not use the ASP.NET Ajax library but you are a WebForms developer, I assume you, this article is still for you!

When you think of transparency, it’s typical to think of how a company communicates with it’s users. What may come as a surprise is the impact the actual users can have on transparency, and how the consumer can be the actual tipping point for your next sale.

So, what is a sitemap? And how do you know if your website needs one?

Twitter trackbacks widget is a highly customizable jQuery plugin that you can use to integrate tweets that mention your post. It encourages users to engage further by providing reply and retweet links with each tweet. Based on Topsy’s API (released a WordPress plugin to turn your post tweets into comments), Twitter trackbacks widget can be used in any blog not just WordPress.

This is a list of quality resources intended to serve as an introduction for newcomers to the ASP.NET MVC framework. There are resources for developers completely new to MVC as well as those moving from a Webforms background.

Design is all about communication, and if you want to communicate something loudly and clearly, write it large! Here's a selection of great websites that use big type to convey big messages.

This post introduces a great new jQuery plugin that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It’s a simple but elegant way of giving your interfaces a nice little shine and at only 2KB in size, it’s both compact and surprisingly easy to use.

Ever had an image where you want to change all of the pixels of one color to another color? At first glance, this task may seem a bit overwhelming, but with the Gimpshop software, this is really quite simple. Read on to see how to change pixel colors within an image…

Here I have listed 10 plugins that allows you to work on the typography within your blog, Wordpress has some good default text formatting features built in, but some can be restrictive for some users needs and requirements.

Tips & tricks for the modern day web designer, now redesigned!

Who doesn’t love to completely trick out their website with neat features? But what happens when your viewers aren’t using the latest browser, or they have JavaScript turned off? In today’s tutorial, you’ll learn how to create a image gallery that will work in almost all environments, using progressive enhancement techniques.