background preloader


Facebook Twitter

35 Tutorials for Creating Website Layouts in Photoshop. Photoshop is an excellent tool for creating attract websites.

35 Tutorials for Creating Website Layouts in Photoshop

Fortunately, if you’re looking to brush up your skills or learn some new tricks for creating layouts and designs in Photoshop, there are plenty of tutorials specifically for this purpose. The 35 tutorials featured here will each take you through the process of creating an example website design in Photoshop. The are all different types of websites and styles of design represented, so you should certainly be able to find some useful tutorials from this group. Looking for hosting? WPEngine offers secure managed WordPress hosting. Dan Rubin's SuperfluousBanter. Quick Sprout — I'm Kind of a Big Deal. Vandelay Design Blog. When you’re trying to decide what platform, shopping cart, or CMS to use for an e-commerce site the options can become overwhelming.

Vandelay Design Blog

You could go with an open source option, a simple shopping cart for selling digital downloads, an enterprise system for large shops, create your own custom system, or choose a hosted platform. In recent years several hosted e-commerce platforms have gained in popularity, partly because they are very easy to setup and use. Every option will have pros and cons, and in this article we’ll take a detailed look at hosting platforms to help you decide if this is the right option for you or your client. A hosted e-commerce platform will provide you with web hosting as well as the e-commerce functionality. You’ll pay one monthly fee that will cover all aspects of the service, and you’ll get support from one company for both the hosting and e-commerce.

To Serif or Sans-Serif, That is The Question - Flash Web Design. Posted by Amit Goyal on 12/25/2009 in Fonts, Tutorials | ∞ If you’ve ever had trouble choosing between the time-honored and the modern, you’ve come to the right place. Even though a web developer has a limited number of font choices to choose from, ill-thought font selections often cancel out all the hard work that goes into a site’s design.

The following tutorial guides you through the various font-choices available, anti-aliasing, and some general type-related tips that, I can assure, you’ll consider in your next web project. If you’re a complete virgin to typography, I suggest you flick through this one before continuing on. Serifs & Sans-Serifs The text on the left is in the popular sans-serif font face Verdana, the text on the bottom left’s in the ubiquitous serif face of Times New Roman. I want you notice the rendering of the two typefaces.

Before we dissect anti-aliasing, here’s a darker variation to concrete my point. Anti-Aliasing So what does this mean for a font-face? Arial. 7 Surefire Web Design Styles that Work. Tutorial: Web 2.0 Logo Reflection in Vector format with Illustra. If our freebies have benefited you personally or have helped you earn a profit please consider donating via paypal.

Tutorial: Web 2.0 Logo Reflection in Vector format with Illustra

Donate Now You will probably find dozens, if not hundreds of tutorials on how to do this in Photoshop, but I’m going to show you how to do it in Illustrator (vector). The advantage? You can scale it up for a roadside billboard if you like. That’s the power of vector graphics. This tutorial was actually requested by a BittBox reader, Mr.Byte, and his idea instantly caught my attention. To get started, Open your vector logo in Illustrator.

This is what it looks like selected: First, make a duplicate of your logo by holding the “option/alt” AND “shift” keys, drag down, and release. Reflect the duplicated logo by right clicking (control + click: Mac) and selceting Transform > Reflect. When reflecting, choose the “Horizontal” axis. You should see your reflected logo similar to this: Now move your reflected logo up to meet the bottom of the original. And here is the final result: Smashing Magazine.