background preloader

Website Design

Facebook Twitter

Website Inspiration

40 Online Generators for Web Designers Should Bookmark. Online Generators for Web Designers can be a great way to save time in your web design projects.

40 Online Generators for Web Designers Should Bookmark

High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. 8 Re-Stained PaperTextures. I'm always looking for ways to combine existing textures to make new and interesting resources for you guys.

8 Re-Stained PaperTextures

This time around I took a bunch of paper textures, some of them stained, and combined them in layers with different blending modes in Photoshop. I also used a high-res set of watercolor brushes to add a little extra detail. Create a Slick and Minimalist Web Layout in Photoshop. In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout.

Create a Slick and Minimalist Web Layout in Photoshop

We will use the 960 Grid System as a template to make it easy to align the design elements on the layout. Preview Here’s a preview of what we’ll be creating together, click the image to enlarge. Create a new Photoshop document 1 We’ll be using the 960 Grid System (download it at as a starting template. Creating the background 2 First of all, right-click on the Background layer in the Layers Panel and then choose Layer From Background. 3 Now select the Gradient Tool (G), set your Foreground color to #efefef and your background color to #cacaca. Designing the header section 4 We’ll add a new horizontal guide at the 50px mark from the top of the document to set our top borders. 5 We’ll start adding our title and slogan; select the Horizontal Type Tool (T) and type your site’s name and your slogan.

"YourName" "some awesome slogan" Creating our navigation Creating the search bar. Icon Search Engine. Website Design Tutorial. A fully comprehensive step by step tutorial, from design to HTML & CSS.

Website Design Tutorial

Introduction. How To Design a Website in One Hour. For most professional designers, time equals money.

How To Design a Website in One Hour

Creating the same quality work in less time means you can earn more money -- so there is a significant incentive to work efficiently. In this tutorial I'm going to explain how it's possible to design an entire website in under an hour, and I'll show examples of the site along the entire process and at completion. Website Design Tutorial. How Do I Put My Pages On the Web?

Website Design Tutorial

Are you confused about how to put your pages on the web? Well, you are not alone. This is probably the number one mystery for most people when they create their first web site. Actually, put your site on the web is really not that difficult. Here is what is required: You need to know the address of the where your site is hosted. Lets look at each of these one by one. The 10 Most Important Skills You Need to be a Web Designer. Here are my top 10 web design skills that you WILL need to master to become an effective web designer.

The 10 Most Important Skills You Need to be a Web Designer

If you’re serious about mastering web design and marketing, check out the Pro Web Design Alliance. See how Jordan benefited from the course forum and Google hangout sessions to make his and his clients’ sites better. Free Stock Photos for your Website 11 Solid Sources. Looking for some photos for your website or blog?

Free Stock Photos for your Website 11 Solid Sources

Looking for an option that won’t break the bank? There are a lot of great stock photography sites out there that offer their wares at reasonable prices, especially for the low resolution images that are typically needed for the net. But, while cheap is good, free is even better! Wouldn’t you agree? When I first started looking for free stock photography a few years ago (on account of working on virtually no budget), I was amazed at just how much material was actually out there!

Collections Collections are sites – or parts of sites – that have a standing archive of free photographs for you to download and use in your designs. Stock.xchng Probably the largest and most well known repository of free stock photos, stock.xchng is an invaluable resource for finding free stock photos. stock.xchng There is a lot of really great stock on this site, but there is not a lot of consistency. 70 Excellent Logo Design Tutorials and Resources. By Jacob Gube An effective logo sets the tone and public perception of your brand, and therefore careful thought and creativity must be put into constructing it.

70 Excellent Logo Design Tutorials and Resources

In this article, you’ll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry. Logo Design Tutorials Step-by-step logo Designer/Author Chuck Green shows us the general process he takes when designing a logo. 70 Tutorials Using Photoshop To Design A Website. This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design.

70 Tutorials Using Photoshop To Design A Website

Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below. 1) Carbon Fiber Layout. 100+ Awesome Grunge Background Textures.