Friday, December 17, 2010

How the iPad Is Transforming Web Design

Opinion section of the Times Editor's Choice iPad app

We’re seeing web designers transform their websites and web apps to look more like iPad apps. In the last few months, several high-profile websites have adjusted their designs to look and feel more like the iPad. By Christina Warren

Saturday, December 04, 2010

30+ Outstanding Websites of Higher Education Institutions

Johns Hopkins University

Colleges and Universities have a need for an effective website to help with attracting new students as well as for serving the needs of current students. These sites typically contain huge amounts of information, which only makes it more challenging to design an attractive and usable website. By Vandelay Design

Design a Portfolio Site in Photoshop

The portfolio site is critical factor in the success of a freelance designer or a design studio. Here's the process of creating a homepage layout of a portfolio site in Photoshop. By Vandelay Design

Design Inspiration: 25 Non-Profit Websites

Bill & Melinda Gates Foundation

Here's a showcase of 25 well-designed websites belonging to non-profit organizations. While non-profits are always working with limited budgets, they have a need for an effective website and a growing number of organizations have recognized this need and placed a priority on the website. Here are some examples. By Vandelay Design

10 Places to Use Your Logo to Maximise Your Brands Exposure

For any business online or off your logo becomes an important part of your corporate identity. There are several places on a website which beg to be branded with a logo and there are even more opportunities around the web to promote your site and build logo recognition. By Jana T

Coding Flexible Web Layouts in HTML5 and CSS

Web standards are in evolution and continuing to refine how we structure our content. There are many open source platforms which allow rapid prototyping and development of new features in just a few days. As web developers it can be difficult to keep up with such fast-paced times. By Jake Rocheleau

Mobile Development Toolkit

1trickpony in Mobile Development Toolkit

Mobile web design has been around for quite a while. Unfortunately, a lot of mobile design guidelines are out of date and focus on low-resolution, non-touchscreen phones. By Noupe

Name One Thing About Web Development You Never Saw Coming

Not that this is universally true, but some people look haphazardly into a field before deciding to dive in. We do the odd bit of research, investigating the ins and outs, slowly developing expectations about this new arena of work. By Noupe

50 Mind Shattering Design Agency Websites for Inspiration

Digital Pulp



Website of a design company is most probably the top source to attract clients and customers, as first impression do count both professionally and personally. Target audience should be the focal point when you are going to design a design agencies’ website, by this you would know what kind of design your clients are expecting. By Taimur Asghar

60 Free High Quality Icon Sets For Your Next Project

High_quality_icon_set18

Using icons in designs is a hot trend these days. Most of the websites now a days uses icons for their logos, navigation, bookmarks or use to represent their website. By Jane Bernardo

Modern Element Trends In Magazine-Styled Webdesign Of 2010

Ugsmag

Many web designers today are moving away from the traditional layout of a website. One of the layouts that are in trend today is magazine or news style of website. Magazine-styled website offer good usability, clean typography, and professional interface. By Charina Torres

Using Flashy Product Photos To Improve Your E-Commerce Design

The main most important design aspect of any e-commerce website would be product photography. Being unable to touch, smell, taste and hold, alternatively handle the product they find interesting, the closest interaction the client could get are the images. By Sheena Dosdos

40 Useful jQuery Techniques and Tutorials for Great User Interface

jQuery has really captivated our development through web. It is a powerful tool that improves the user’s interactivity in Web applications. With jQuery, development in your website is much easier and more flexible for the element in your website. By Jane Bernardo

How To Create A Logo Guideline For Your Client

Working on a logo project sometimes can be challenging especially when you are working on a fresh start up companies who needs an identity for their product or company. By Ari Suardiyanti

50 Insanely Creative Examples of Single Page Websites



Single page layout or website is growing a trend in IT world this 2010. Web designs are really crucial now a days because of the element needed to produce a great website. With single page website, you’re putting your creativity, content and everything in just one place. Simplicity , creative yet flexibility of the design is being offered. By 1stWebdesigner

The History of CSS Resets

The History of CSS Resets

When artists begin a new painting, they don’t immediately reach for the cadmium red and the phthalo blue. They first prime the canvas. Why? To ensure that the canvas is smooth and has a uniform white hue. By Michael Tuck

A Study of Trends in Mobile Design

Screenshot

The industry has evolved in many ways, but one particular area has affected how we build websites to a greater extent than any other. The surge in Web-enabled mobile devices has forged a subculture of visitors who require the adaptation of our websites to meet their needs. By Alexander Dawson

Wednesday, December 01, 2010

Designing for iPhone 4 Retina Display: Techniques and Workflow

Lockscreen in Designing for iPhone 4 Retina Display: Techniques and Workflow

The iPhone 4 features a vastly superior display resolution (614400 pixels) over previous iPhone models, containing quadruple the 153600-pixel display of the iPhone 3GS. The screen is the same physical size, so those extra dots are used for additional detail — twice the detail horizontally, and twice vertically. For developers only using Apple’s user interface elements, most of the work is already done for you. By Marc Edwards

How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

Glut-flickr in How To Use the “Seven Deadly Sins” to Turn Visitors into Customers

Since the beginning of time, people have exploited the human desire to sin so that they could achieve their goals. Finding out what causes people to sin helps us understand the triggers which prompt people to take an action. The Web has made it even easier to exploit these tendencies to sin, in order to build user engagement and excitement about your service or product. By Zurb

Multivariate Testing in Action: Five Simple Steps to Increase Conversion Rates

Abtesting-small in Multivariate Testing in Action: Five Simple Steps to Increase Conversion Rates
The attention span on the Web has been decreasing ever since Google had arrived and changed the rules of the game. Now with millions of results available on any topic imaginable, the window to grab a visitor’s attention has decreased significantly (in 2002, the BBC reported it is about 9 seconds). By Paras Chopra

Showcase Of Beautiful But Unusable Websites

Grip-limited in Showcase Of Beautiful But Unusable Websites

“Form follows function” is a widely accepted — albeit controversial — principle that most designers in a variety of disciplines have adopted since its inception at the turn of the 20th century. On the web, we commonly refer to function as usability which is the ease of use and navigation of a website in order to achieve user’s goals. By Daniel Eckler and Glenn Manucdoc

Web Design Questionnaires, Project Sheets and Work Sheets

Wearepixel8 in Web Design Questionnaires, Project Sheets and Work Sheets

It’s nearly impossible to provide an accurate quote to a prospective Web design client without first gathering information about what that particular client needs. Some designers do this in either a face-to-face meeting or over the phone, but more often, they have a questionnaire that prospective clients fill out. By Cameron Chapman

Persuasion Triggers in Web Design

How do you make decisions? If you’re like most people, you’ll probably answer that you pride yourself on weighing the pros and cons of a situation carefully and then make a decision based on logic. By David Travis

How Shady Web Design Sites Get High Search Engine Results

These links were spotted in the footer of a client's website, and use an obvious manipulation of the designer's company name.
There’s an unspoken understanding amongst web designers that the most valuable marketing real estate is Google’s "web design" front page. By Mathew Carpenter

Human Behavior Theories That Can be Applied to Web Design

StumbleUpon encourages people to make friends and invest themselves socially.

Humans are logical creatures, and as surprising as this might be, when we visit a website our minds make a series of decisions that affect the actions we take. By Alexander Dawson

Web Designer’s Guide to PNG Image Format

In this guide, we will cover everything you, as a web designer, need to know about the PNG image format. By Catalin Rosu

How to Create a Web App’s Site Web Design in Photoshop

How to Create a Web App's Site Web Design in Photoshop

This web design Photoshop tutorial on Design Instruct, our other site, outlines techniques for making a layout comp that will work well for the sites of web apps, startup companies, SaaSs, and other modern, "Web 2.0"-themed, product-centric sites. By Ionut Ciursa

Stop the FAQ Page Bandage

Stop the FAQ Page Bandage

The evolution of the web and the way in which we design for it has brought around all kinds of patterns, standards and best practices. By Jason Gross

Tips on How to Code Web Designs Better

Tips on How to Code Web Designs Better

Writing semantic, efficient and valid HTML and CSS can be a time-intensive process that only gets better with experience. While it is important to take the time to produce high-quality code — as it is what separates professionals from hobbyists — it is equally important to produce websites as expeditiously and efficiently as possible. By Kayla Knight

Fat Free Web Design

For web designers, coming across an awesome WordPress or jQuery plugin can be a lot like opening up an awesome gift on Christmas morning. But once that initial burst of joy wears off, we realize that we may not need this junk at all; it’s just a burden and another thing we need to deal with. By Jason Gross

22 Excellent Tips for New Drupal Developers

Here are some basic tips and tricks geared towards new Drupal developers. By Monica S. Flores

How to Make an Elegant Patterned Web Design Using Photoshop

How to Make an Elegant Patterned Web Design Using Photoshop



This web design tutorial on Design Instruct (our other website) walks the learner through the creation of a beautiful and trendy web layout using Photoshop. The web design is best used on a personal portfolio site. By Jacob Gube