40 Useful Photoshop Web Layout Tutorials

Feb 2 2009 by Jacob Gube | 73 Comments

Adobe Photoshop is the industry-standard when it comes to creating web page layouts. Photoshop’s versatility, robust set of tools, and excellent workflow management make it the web designer’s preferred application when creating designs for the web.

In this collection, you’ll find 40 high-quality tutorials on creating web layouts from scratch using Photoshop. This article contains a copious variety of tutorials to help you learn and master the various techniques involved in creating beautiful web layouts.

1. Corporate WordPress Style Layout

Corporate WordPress Style Layout - screen shot.

continue reading »

20 Useful Resources for Learning about CSS3

Jan 28 2009 by Jacob Gube | 30 Comments

Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.

As a web developer, it’s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve – here are 20 excellent resources on the topic of CSS3.

1. CSS3 Progress Report

CSS3 Progress Report - screen shot.

continue reading »

30 Useful Open Source Apps for Web Designers

Jan 25 2009 by Jacob Gube | 74 Comments

There are plenty of open source applications that can help you tremendously as a web designer. Open source projects are great not only because of their price tag (free), but also because of the passionate community that typically forms around them. In these economic times, it’s often a worthwhile endeavor to see places where you can conserve, and open source alternatives are a good place to start looking.

In this article, you’ll find 30 exceptionally handy open source applications for web designers. There are a variety of tools here that include source code, WYSIWYG, and graphic/image editors, as well as useful software utilities that can improve your task management and production processes.

Source Code and WYSIWYG Editors

KompoZer

KompoZer - screen shot.

continue reading »

Beautiful and Creative Examples of Vibrant Web Designs

Jan 17 2009 by Jacob Gube | 49 Comments

Colors – it sets the tone (no pun intended) and message of a website. Designers often spend hours, even days, researching and coming up with a harmonious and usable color scheme.

In this collection, you’ll find 30 brilliant (alright – pun intended) web designs with vivid and colorful themes that evoke feelings of vivacity and dynamism – to inspire your color palette.

Colourpixel

Colourpixel - screen shot.

continue reading »

20 Websites with Beautiful Typography

Jan 8 2009 by Jacob Gube | 65 Comments

Typography in web design plays an integral part in setting the tone, theme, and message of a website.

For example, you can convey a site’s focus on modernity or traditionalism simply by choosing to use sans serif or serif fonts, respectively. You can call attention to particular parts of the content, and deemphasize others, by changing the font’s color, line-height, style, and size. An effective palette of fonts not only makes a design attractive, but also contributes to the readability and usability of the content.

In this collection, you’ll find a variety of sites that showcase creative and functional uses of typography.

1. Jason Santa Maria

Jason Santa Maria - screen shot.

continue reading »

10 Promising Free Web Analytics Tools

Jan 2 2009 by Jacob Gube | 126 Comments

Web analytics is the process of gathering and analyzing your web content’s data in order to glean meaningful information about how your site is being utilized by your users. There are plenty of Web analytics applications out there, and you probably already know the big guns such as Google Analytics, Crazy Egg, and remote-site services such as Alexa and Compete.

We go off the trodden path and explore a few lesser-known Web analytics options. In this article, you’ll find 10 excellent and free tools and applications to help you gather and analyze data about your web content.

1. Piwik

Piwik - screen shot.Go to Live Demonstration of Piwik.

continue reading »

25 Stylish Website Footer Designs

Dec 24 2008 by Jacob Gube | 66 Comments

Footers on web pages have evolved from being a simple section where you host your copyright information and additional links, to a multi-functional section where you can find a variety of site features such as twitter updates, a short bio of the author, and secondary navigation.

This collection aims to showcase just some of the ways talented web designers have decided to utilize their website footers to provide that extra bit of improvement in the user’s experience.

# bcandullo.com

# bcandullo.com - footer screenshot.

continue reading »