CSS

10 Useful and Time-Saving CSS Grid-Layout Generators

9 Comments 02 March 2010

CSS is considered the “back-bone” of a website. It structures, helps embed, and styles elements. Now, if we were to code a CSS layout by hand, it would take us an unneeded amount of time that we could be putting towards other areas of our designs.

With somewhat similar concepts to the all-famous button, background, and favicon generators, today we present you with 10 Useful and Time-Saving CSS Grid-Layout Generators that will save you mass amounts of time and help you eliminate some repetitive coding.

Blueprint Grid CSS Generator

This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.
Continue Reading

Tools

15 Free And Useful Typography Tools For Web Designers

11 Comments 28 February 2010

Typography is one of the most important components that make a design complete. This aspect of your design can effectively engage users when used properly. It can also help you enhance the visual appearance of your website, print/graphic designs, and more.

Here we have 15 Free and Useful Typography Tools for Web Designers that’ll help you in a variety of ways. Alright, now lets begin exploring these tools.

FontStructor

FontStuctor is an easy to use free web-based typography tool that allows you to create your own fonts. It has a beautiful interface that is simple to interact with.

Continue Reading

Tutorials

How to create an elegant web layout in Photoshop

34 Comments 26 February 2010

In this tutorial I will show you how to create an elegant web layout in Photoshop using thin lines, subtle gradients and beautiful typography.

Final Result

Have a look at the layout that we’ll be creating in this tutorial.

Continue Reading

Inspiration

Fresh Examples of Beautiful Typography in Web Design

5 Comments 23 February 2010

Typography play an important role in web design and using it creative and unique manner can really help to come up with an extra ordinary design. We have several useful design tools for beautiful web typography and a lot of Inspirational stuff to help while working on any design project but fresh Ideas are always in need. Today we are here with a small showcase of Fresh examples of beautiful Typography in web design, so take a look through these beautiful examples to help inspire you when it comes to producing your own typography based designs for the web.

BDS Graphic

Continue Reading

Photoshop

Smart Photoshop Tips, Tricks and Resources

4 Comments 19 February 2010

Adobe Photoshop is usually seen as one of the most powerful photo manipulation and graphics software on the planet, and with good reason to. Photoshop lets you almost do anything you want, from creating high-resolution images to producing quality life-like graphics, Photoshop has it all.

Even though Photoshop is a very powerful monster application, it can be hard and complicated to master. This is why we’ve compiled useful and elaborative resources to help you on your Photoshop endeavor.

Tips and Tricks

Tucked Away Options Behind Box Arrows

With the sometimes busy screen filled with images and projects its easy to miss some of the smallest details within the Photoshop interface. I’m specifically speaking about the tiny arrows at the top right-hand corner of every box. These small arrows disguise various options that are useful. If you haven’t had the chance, open up one of these arrows and discover a new perspective to using Photoshop.

Continue Reading