Friday, January 15, 2010

Progress Trackers in Web Design: Examples and Best Practices

Progress trackers are designed to help users through a multi-step process and it is vital that such trackers be well designed in order to keep users informed about what section they are currently on, what section they have completed, and what tasks remain. By Tom Kenny

Hmv Pr in Progress Trackers in Web Design: Examples and Best Practices

Monday, January 11, 2010

Web 2.0 how-to design guide

Some web design best practices.

Alex Dukal, illustrator

An Introduction to Website Split Testing

An Introduction to Website Split Testing

It’s a fact of life that when people hire a web designer, they don’t just want a website, they want a website that does something! There can be a world of difference between these two things. By Alex Cleanthous

Sunday, January 10, 2010

The web designer's guide to user experience

Experts demystify the process behind UX design. By Craig Grannell

ux-design

10 Web Browsers You Probably Haven’t Heard Of

What if you’re looking for a browser that does just the things you want to do online? What if you’re sick of all the browser-war hubub and want something that’s truly unique and different (and, maybe, works better than the mainstream options)? What then? By Cameron Chapman

Lunascape

Friday, January 08, 2010

Create a Slick and Minimalist Web Layout in Photoshop

In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. By Mahmoud Khaled

Creating the main content area

Wednesday, January 06, 2010

Website Performance: What To Know and What You Can Do

Website performance is a hugely important topic, so much so that the big companies of the Web are obsessed with it. For the Googles, Yahoos, Amazons and eBays, slow websites mean fewer users and less happy users and thus lost revenue and reputation. By Christian Heilmann

Image3 in Website Performance: What To Know and What You Can Do

Monday, January 04, 2010

The Content Strategist as Digital Curator

When a site launches, your audience arrives to learn more about what you know most about. It’s critical to create a content experience with purpose, that is consistent and contextual. This helps to assert your brand’s authority, establishes relationships with your audience, and secures a return visit based on your content’s value. The content strategist-as-curator is the one who makes this happen. How?

List of Free Web Based HTML Editors For Your CMS Project

If you are developing a customized content management system for a website, blog, wiki, social network or any other web based application, your choice of HTML editor is going to have a major impact on success of your project. By W3Avenue Team

On Web Advertising

There are some websites that spend their time building content. They build it to keep visitors coming back because it’s funny or interesting or important or otherwise compelling. By Chris Coyier

5 Successful Link Building Techniques

One of the most difficult, or rather tedious jobs when running a website is getting reciprocal links. It really matters to search engines…a lot. Link building is getting your website address, be it any link from your site, placed on a remote website.

Stop Wasting My Time

How many times have you found a site that has poor implementation regarding user experience and usability?

10 Well Designed Organic Baby Websites

Being organic is becoming more of the norm rather than just another catchphrase. A lot of people are starting their kids young and turning to organic baby products. There seems to be a lot of these websites trying to sell their organic stuff but most forget about the actual website presentation. Here are 10 well designed organic baby websites that set themselves apart from most. By The Designed

Cama Organic

SEO Strategy and Your CMS; Are They Working Together?

For years now, businesses have understood the importance of search engines and how SEO can drive prospects to their websites. But with websites having a shelf life of one to two years, businesses often perform redesigns. Along with redesigns come new web development vendors and new Content Management Systems.

Creating a Web Development Environment using Google Chrome Extensions

Since its launch, an extension system has been one of the most sought after and requested features for Google Chrome, and last month, Google delivered. By Speckyboy

10 Tips for Creating Mind-Blowing Freelance Logo Designs

Creating a logo for a company, a freelancer, or even just an idea, can be a true task. Some say that it is more difficult than creating a whole theme from scratch. By Mohamed Rias

10 Tips for Creating Mind-Blowing Freelance Logo Designs

How a Web Design Goes Straight to Hell

Most freelance designers have probably suffered this before.

how a web design goes to hell

40+ Excellent GIMP Tutorials for Designers

Gimp or the GNU Image Manipulation Program is a software that enables its user to retouch, edit and manipulate photos or image. By Ronald Bien

Beautiful Post Thumbnails: Top Examples & Best Practices

Your blog post thumbnail will play a big part in how your users see your website, and how they navigate it. A well designed post thumbnail can really engage your visitors and help encourage them to explore your website.



10 Keys to Growth as a Designer

One of the most significant challenges that designers face is the need for continual improvement and development. By Steven Snell

The Best of 2009 in Flash Web Design

Flash design may have started a long time ago in the digital timespan, but it has breached yet another plateau. Now Flash has not only a foot hold, but a serious comeback in the mainstream.
By Paulo P.

xperiment.ca

Take Your HTML Tables to a New Level with JavaScript Frameworks

With basic HTML tables, the structure and the way the table are presented inherits the native html style. By Pixel Art

Showcase Of 50 Best Inspiring Gaming Websites

A great listing of gaming websites. By Gustavs Jurisons

avatar-showcase-of-best-inspiring-gaming-websites

Search & Discovery Patterns

CSS Techniques

CSS is the best thing to happen to the web since Tim Berners-Lee. It’s simple, powerful, and easy to use. But even with all its simplicity, it hides some important capabilities. Ask any designer, and they’ll tell you that the majority of their code headaches are caused and ultimately solved by CSS. By Tim Wright and TJ Kelly

Box-model in CSS Techniques I Wish I Knew When I Started Designing Websites

30 Fresh AJAX Tutorials And Techniques

Using AJAX on websites and applications is pretty much taken for granted nowadays. Users expect it. By Paul Andrew

Ajaxresources1 in 30 Fresh AJAX Tutorials And Techniques

Showcase Of Modern Navigation Design Trends

The navigation menu is perhaps a website’s single most important component. Navigation gives you a window onto the website designer’s creative ability to produce a functional yet visually impressive element that’s fundamental to most websites. By Jacob Gube

Utah-travel-navigation in Showcase Of Modern Navigation Design Trends

Three Days in Seattle

Dan Cederholm holds forth on the virtues of coffee and CSS3 at An Event Apart.

The complete schedule for An Event Apart Seattle 2010—including A Day Apart with Jeremy Keith and Dan Cederholm—is now available online for your listening and dancing pleasure.

Friday, January 01, 2010

10 Quick Tips to be Efficient With Photoshop

10 quick and useful Photoshop tips that will help you during the design process! By Nikola Lazarevic

Adding Depth with Pixel Perfect Line Work

A pixel is a single point in a raster image. Computer displays are capable of showing millions of these at a time. So how can one lone pixel have an impact on a web design? By Henry Jones

line work

Headers and Footers that Grab You Coming and Going

Headers and footers are always a big concern in web design. These two powerful sections of a website hold great importance and are always something to worry about when designing a page. By Gisele Muller

image34

image35

Coding a Band Website Created in Photoshop

Coding a Band Website Created in Photoshop

In Part 1 of this tutorial, you learned step-by-step how to design an awesome band website in Photoshop. Now in Part 2, you’ll learn how to take that PSD and turn it into clean, working XHTML/CSS code. By Shannon Noack

Best of the Web – December 2009

A great collection of various articles, tutorials and more from 2009. By PSD Tuts+

Interface Design Inspiration | 30 Impressive Ways to Design Sign-Up Page/Form

In most online business the revenue of the site solely depends on the registered and active users and Making the visitor of your site to sign up isn’t easy, nobody likes to fill in forms. By Dzineblog

A Discussion on Hourly Rates in Web Design

One of the hardest parts of starting out into full or part time web design is setting fair prices. By Build Internet

5 Steps to Building Social Experiences

Nowadays everyone wants social in their sites and applications. It’s become a basic requirement in consumer web software and is slowly infiltrating the enterprise as well. So what’s a designer to do when confronted with the requirements to “add social”? By Erin Malone

Flickr allows users to

Research Logistics

A crash course for designers and stakeholders. By Demetrius Madrigal

Five Simple but Essential Web Usability Tips

Structure web forms correctly

The web has become a part of our lives. Folks from all walks of life, from upscale parts of New York to dirt road villages you probably will never hear of in Burundi, are all a part of what we call "the internet". By Brujo Owoh

Tuesday, December 29, 2009

2010 : A New Age For Search Marketers

The future of search, whether it be Search “2.0″ or Caffeine oriented, is based on much more than the relevancy factors of content, links, queries and relevant infrastructure. By Search Engine Journal.

5 Google Wave Search Tips for Research, Trends & Tracking

Google Wave was officially launched in beta a couple of weeks ago and already plenty of people realize its potential usefulness. By Ann Smarty

4 Comparison Search Tools You May Not Know About … But Should

Something inspired programmers to develop new tools and sites to let us compare search results. By Matt McGee

Search3

Tuesday, December 22, 2009

The Science of Managing Search Ads



Despite the economic downturn, customers streamed into the Tiny Prints online store on the Monday after Thanksgiving, called Cyber Monday because it is one of the busiest days of the year for Web retailers.

Friday, December 18, 2009

The 15 Best Articles For Designers in 2009

Here are fifteen of the most popular design related articles from 2009. There are great resources for fonts, Photoshop, web design templates, as well as amazing web design and graphic design tutorials. By Design Reviver

Design an Ecommerce Website in Photoshop

Here's a tutorial on designing a homepage layout for an ecommerce site in Photoshop. The sample site is an electronics shop, and since we are in the holiday season, the site will include some special promotions, which is typical of ecommerce sites at this time of year. By Steven Snell

Tutorial: Design an Ecommerce Website in Photoshop

Tuesday, December 15, 2009

Web accessibility no longer an afterthought

Yahoo's Victor Tsaran knows how much time Web designers spend agonizing over color and font-width choices when laying out an application. By Tom Krazit

Better technologies help visually impaired people, and others, use the Internet more easily.

Monday, December 14, 2009

Top 10 Internet Marketing Strategies for 2010

The ten strategies that are listed are nothing new to many of us but can be a good reminder for those who want to be successful in this field for the coming year or so. By Dollarshower

Wednesday, December 09, 2009

FireFox Plugin: Jetpack Image Editor

Jetpack Image Editor is a Firefox extension which allows you to edit any image on the web. After you installed the extension, right click on the image in Firefox and select Edit Image to activate Jetpack Image Editor. The interface and features are very similar to Photoshop. There are: Tool bar, Layers, History, Adjustment, Filter, and more. Technically speaking, it is like a mini version of Photoshop that runs in Firefox. By n.design studio.

jetpack image editor

Adobe Browserlab

Adobe BrowserLab is an online tool that allows you to view how different browsers (in different operating systems) renders your web pages. Just enter your web page URL, press Enter, and it will create a screen capture of the web page in the browsers you selected.

adobe browserlab

Microformats: What, Why, and How

There's a lot of data on the web. Like, a lot. It's data most useful to the masses—such as information about people they need to contact or events they need to attend—is stored in HTML, where you can't easily get at it. So, who you gonna call? Microformats is attempting to take on the job! By Andrew Burgess

60+ Simply Professional Looking Website Designs

instantShift - Professional Looking Website Designs

Modern age designers love to experiment with things and observe how people interact with their work. You might need to possess a wide range of skills and abilities to achieve whatever goal you may have set for yourself. By Dkumar M

10 Questions with Michael Dick of nclud



Michael Dick is a web designer/developer for nclud, many readers may be familiar with his work. By Steven Snell

Tips on designing a banner ad’ to promote your website, blog or product

A banner ad is an effective and speedy way to promote your website, blog or product. Of course though, this comes at a cost in terms of your pennies and some stiff competition. By Nouveller

Create an Animated “Call to Action” Button

How to Create an Animated Call to Action Button

In this web design and development tutorial, you’ll get a walkthrough for creating a "Call to Action" button sprite in Photoshop as well as how to use jQuery to animate it. This tutorial is broken up into three sections: Photoshop, HTML/CSS, and JavaScript. By Jacob Gube

Why We Look at Some Web Ads and Not Others

Do you think you're more likely to look at an online ad if it contains 1) a picture, 2) an animation or 3) just text? The answer...by Barbara Kiviat

6 Tips for a Great Flex UX

Some very good information to designing web interfaces.

Short-Term Memory and Web Usability

The human brain is not optimized for the abstract thinking and data memorization that websites often demand. Many usability guidelines are dictated by cognitive limitations. By Jakob Nielsen

Monday, December 07, 2009

Sketchy Wireframes

When you can't (or shouldn't) draw a straight line by Aaron Travis.

The same wireframe in sketchy and traditional representation.

Tree Testing

A quick way to evaluate your IA. By Dave OBrien.

7 of the Most Common Web Design Mistakes You Must Avoid

Here are seven of the most common mistakes made in web design and why you need to avoid them at all costs in order to make sure you are on the right track to producing the best work you possibly can. By Tom Kenny

Designing with content in mind

If what you have to say on your website is so important, then what can we do to make it a more enjoyable experience and better compliment the content with the way we design for it? By Brian Hoff

Roles vs. Personas vs. Cognitive Styles

There is a lot of confusion in the landing page optimization community regarding personas, cognitive styles, and roles. These terms are often used loosely or interchangeably, with unfortunate results.

It's time to set the record straight and cover the basics. By Tim Ash

Usability and SEM 101, Part 1

We've all heard about usability. It's synonymous with a "good user experience."

In this world of the social Internet, institutional control is transitioning into the hands of consumers. They have more control to speak their mind by voting on their preferences and sharing their opinions. By Ron Jones

Sunday, December 06, 2009

Preparing your Website (for launch)!

Richard Vanbergen takes us through the initial steps needed to prepare and then launch your website.

What makes a good Home Page?

Have you wondered if you were missing something when you designed your home page? This article is filled with ideas, practical solutions and advice. This is a must read! By Dan Schonharr

Tuesday, December 01, 2009

An Introduction to Understanding and Implementing Web Usability

Designing a web site needs to be about the user and only for the user and every possible need of said user has to have been foreseen and catered for. Only then can a web site be usable. That is what usability is. By Speckyboy

Web Usability

Scroll/Follow Sidebar, Multiple Techniques

A sidebar that “follows” as you scroll down a page. There are a number of ways to go about it. By Chris Coyier

Make an Editable/Printable HTML Invoice

How to create an editable HTML invoice of your own. By Chris Coyier

A Showcase of Effective Minimalism in Web Design

Minimalism in web design is all about stripping things down to only the necessities – so there is nothing in the way of the content. You’ll find that minimal designs have a focus on typography, simple layouts, and a lack of fancy design elements. So what makes an effective minimal web design? By Henry Jones


minimal web design

10 Usability Crimes You Really Shouldn’t Commit

Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. By Chris Spooner

Site Search Trends for Ecommerce Websites

Site search functionality is extremely important for ecommerce websites, especially larger ones. In order for the site to make sales, visitors must be able to find what they are looking for as effectively as possible. By Vandelay Design

Tiger Leisure

45+ Beautiful Web Designs from Germany

There are many German designers and developers using their skills and experience to design and create user-friendly and world-class quality websites. In this web design collection, you will find a fantastic and handpicked selection of creative and successful web designs from "good old Germany". By Sergej Muller

My Lane

The Evolution of Web Design

Since the first websites in the early 1990’s, designers have been experimenting with the way websites look. Early sites were entirely text-based, with minimal images and no real layout to speak of other than headings and paragraphs. By Cameron Chapman

Design over Structure

15 Best Places for Designers to Get Free Stock Photos Online15 Best Places for Designers to Get Free Stock Photos Online

Many places online allow you to obtain high-quality stock photos for free, giving the average starving artist a chance to create wonderful works of art/design without having to use next month’s rent on stock photos.

Stockvault

Best Websites to Download Free JavaScript Code Snippets

Designers often have a lot of code snippets that is used most of the time. There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs. By Yugu

Design Trends of Spa Websites

Inspired by a showcase on hotel site design over at Onextrapixel, this post explores the design trends and features of well designed spa websites. By Zach Dunn

8 ways we increased ecommerce sales by 10,000%

A 10,000% increase in sales over 5 years. Sounds incredible doesn’t it. Just to make that an even more incredible, their average customer is in their 80s! Who said the elderly don’t use the internet. By Paul Boag

Get Started Content Area

iPhone Gift Ribbon

bow shadow
This effect can be easily achieved with Photoshop Warp transform tool. By Webdesigner

Why Pages Disallowed in robots.txt Still Appear in Google

robots.txt is a useful file which sits in your website’s root and controls how search engines index your pages. One of the most useful declarations is “Disallow” — it stops search engines accessing private or irrelevant sections of your website, e.g. By Craig Buckler