Layout design tutorials in Photoshop

Jun 24
2010

10 Best Practices to speed up your website

Jun 24
2010

Character Illustration In Custom Web Design

Jun 24
2010

Data Tables In Modern Web Design

Jun 23
2010

Creating organized data tables in modern web design requires that an individual have more than a rudimentary knowledge of the old table formats. In order to create an effective table, it is important that the information be compelling, interesting, and data driven without being overwhelming or burdensome to the reader. There are many different schools of thought on what makes a table effective, but the most important aspect of table creation for a designer is to know the audience and market that will be reading the table.

The purpose of a table, that is often lost on some designers, is to provide more information to the reader in a concise manner that can easily be understood. When compiling volumes of data or presenting detailed information, the layout and structure of the table and its readability will be key to the presenter meeting their goals and objectives.

When deciding on the type of data table that will most effectively portray the intent and message of the data, it is important to critically evaluate the purpose of the data and it’s ultimate intent. Some tables contain static data which will experience minimal changes over the course of a period of time and will be more important for use as a supplementary presentation hand-out than as a dynamic and evolving tool. This type of table is often designed in the form of a chart that may be used with other charts to create a holistic picture of the data.

Other tables are used as dynamic and evolving tools that give accurate representations of the changes in the infrastructure and growth of a company. These tables are normally tied to several other parts of a website and a change made to any part of the website results in a change to the table. This type of table must be easily manipulated and able to adapt to several variables and changes within the company such as pricing plans, services, etc.

Designing tables for “plug-in” data often requires a synergy among several system administrators who control particular sectors or cells of the table. These tables often are in a constant state of growth and change. The cells are designed to adapt to different markets that provide staggered views of data depending on which stakeholders are viewing the table.

The design of the data table that is selected must include consideration to titles, labels, data, and structure that can be easily understood and used by all stakeholders who will be using the table. Many designers make the mistake of create a short-hand system for data labels that makes the table difficult to use and virtually impossible to manipulate without the assistance of the designer. Therefore, maintaining consistency in the table with an eye toward the end-users makes the table much more valuable to the client.

When selecting colors for the table, cells, and grid, it is important to consider that there may be occasions when the table will be replicated in black and white. If the colors that you select will not xerox clearly, it will devalue the table and reduce the ability of the client to use the table to its full potential. Many designers make the mistake of selecting vibrant and bold colors for tables that make it very dynamic when used in a powerpoint presentation, but the client and stakeholder that cannot see the same content in the black and white hand-out they receive will not keep the table and it will not be used over the long-term.

Fresh jQuery Resources

Jun 22
2010

In today’s news round-up we have collected some of the best and freshest jQuery resources. You’ll find some useful and powerful plugins, as well as an update of the jQuery Visual cheat sheet from woorkup and there is also a very detailed and comprehensive online jQuery training manual, that is called jQuery Fundamentals.

jQuery Fundamentals

jQuery Resources

The purpose of this book is to provide an overview of the jQuery JavaScript library; when you're done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning. This book was designed as material to be used in a classroom setting, but you may find it useful for individual study.
jQuery Fundamentals

jQuery 1.4.2 Visual Cheat Sheet

jQuery Resources

jQuery Visual Cheat Sheet, is a refined and updated version of the popular jQuery Cheat Sheet and its finally here. The new edition includes all the reference you will ever need for the jQuery 1.4.2 API.
jQuery 1.4.2 Visual Cheat Sheet

jQuery FormLabels Plugin

jQuery Resources

The idea of using captions on form input boxes is not new, but all previous methods of providing this functionality have a few disadvantages. Every form is different, so building a uniform label generator was not an easy task.
jQuery FormLabels Plugin

jQuery Text Change Event

jQuery Resources

It's a common problem, you have a text form that you need to validate client side. It's easy enough to do this when the form is submitted but in some cases better to do as they type. Implementing this requires binding events to the keyup event, and a couple other events if you want to detect text changes on cut and paste. Even if you're a JavaScript god it's tedious to keeping writing this logic over and over again. Be smart and use the ZURB text change event plugin instead.
jQuery Text Change Event

By Paul Andrew (Speckyboyand speckyboy@twitter).

30 of the Best Infographics that Effectively Showcase Data

Jun 21
2010

Infographics have been around for decades. They’ve allowed us to convert data into a visual structure making it easier for everyone to read and understand the information being conveyed. Infographics have radically impacted the way we display content to the point that it simplifies the entire process of data comprehension. Without these visually enticing structures we would have a harder time deciphering complex information.

Because of how vital they’ve become, we have put together this amazing showcase that contains a variety of quality infographics.

Frog Design Envisions Your Future in 2020

De Auto Van

Extinct

Piggy Trouble

Top Cameras on Flickr

Infograhic Resume of Michael

Focus Magazine Feature

Good Magazine

Sprint Nextel

Worlds Top 50 Banks

GOOD Magazine Transparency

Green Report

Burning Fuel

Fork It Over

Surface Area Required to Power the World

15 Things You Didn’t Know About Star Trek

Visualizing Alcohol Use

Crude Awakening -Gulf Spill

Are We Over the Worst?

The Story of Beer

Fanboys: A Visual Field Guide

The Browser War

Lixo

Facebook vs. Twitter

A HubSpotter’s Guide to the (Social Media) Galaxy

A Fish Story

Tusk

Future of Formula 1

We Are Friction

Yourco

10 best single page websites

Jun 21
2010

Tutorial: Make a Vector Glass Button

Jun 21
2010

40 China Wallpapers made in Photoshop

Jun 20
2010


40 China Wallpapers made in Photoshop

Wonderful collection of free wallpapers made in Photoshop illustrating the ancient China with it’s marvelous buildings and nature.

You will get 40 beautiful wallpapers in a resolution of 1920 × 1200.

You can download all 40 wallpapers below or if you would like just a couple of them simply click on the picture and save the image.

Remember to follow @Garcya on twitter or subscribe to the feed for free if you haven’t done that yet.

You can also visit us on Facebook for extra insights.

1920JZYL 10018 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10010 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10011 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9015 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10017 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9011 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10007 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10013 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10004 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10014 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10012 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10001 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10002 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10005 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9003 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9005 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9010 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10009 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9006 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9018 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9016 140x140 vector 40 China Wallpapers made in Photoshop 40 China Wallpapers made in Photoshop 1920JZYL 9004 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9009 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10015 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10019 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10008 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10003 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10020 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9020 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9017 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9002 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9014 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9008 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9007 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9019 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10006 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9013 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 9012 140x140 vector 40 China Wallpapers made in Photoshop 1920JZYL 10016 140x140 vector 40 China Wallpapers made in Photoshop

(...)
Read the rest of 40 China Wallpapers made in Photoshop ( you won't regret it :-) )


Do you like what you see? Any help is welcome! It keeps me working and provide YOU with Free Vector Graphics. Thank you!



© Garcya for Web Design Blog, 2010. | Permalink | 4 comments
Post tags: ,
Digg del.icio.us Stumbleupon Technorati Reddit

Why NetBeans IDE 6.9 Is An Awesome Editor

Jun 19
2010