Tuesday, February 23, 2010

Create a Professional Web 2.0 Layout



In this Photoshop tutorial you'll learn how to create a web 2.0 layout. As you go through the tutorial you'll see many Photoshop techniques. By Mahmoud

50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Css-064 in 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)

Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. By Smashing Magazine

Is John The Client Dense or Are You Failing Him?

Teaching-20100210-164155 in Is John The Client Dense or Are You Failing Him?

Meet John the client. John runs a reasonably large website. He is a marketer who considers himself smart, articulate and professional. That said, he doesn’t know much about Web design, and so he needs your help. By Paul Boag

Saturday, February 13, 2010

Call To Action

A clean call-to-action is by far the most critical part of any website and for whatever reason, it is often overlooked.

Educating Web Designers on Google Analytics

Google Analytics for Web Designers

Most web designers have heard of Google Analytics, but many of them have not taken the time to understand just how valuable the data can be. By Mark Thompson

Thoughts on multilingual web design

The moment you upload your meticulously constructed web pages onto the internet, you’re global. By Mirko

Track Mouse Activity On Your Computer

Track Mouse Activity On Your Computer

Anatoly Zenkov provides this nifty tool (Mac and PC) to track your mouse pointer. Really simple. Just start it, let it run, minimize the window, and carry on as usual. In the end, you get this image that looks something like a Pollock.

Tuesday, February 09, 2010

Mobile Web Design: Tips and Best Practices

Watchmen in Mobile Web Design: Tips and Best Practices

Last year, more than 63 million people in the United States accessed the Internet from a mobile device. It’s forecast that by 2013 there will be more than 1.7 billion mobile Internet users worldwide. With those kinds of numbers, it’s imperative that web designers and developers learn optimal development and design practices for mobile devices. By Cameron Chapman

20 Cool jQuery Tricks for Web Developers


For those of you that don’t know, jQuery is a rich JavaScript library that makes it possible for web developers to produce quite remarkable effects with just a few lines of code. By Deep

Pro video tips for web designers

Online video is rapidly taking over the web. Craig Grannell talks to leading designers and developers to find out how to make best use of it on your site.

Building faster websites



In an age of short attention spans, speed is the name of the online game. Craig Grannell looks at how you can make your sites faster and more efficient – making them easier to use and more attractive to visitors.

The problems with passwords

Usability researcher Jakob Nielsen’s advocates a fundamental change to password field design on the web. He believes that the time has come “to show most passwords in clear text as users type them,” abandoning the traditional approach that displays a series of asterisks or bullets in place of the actual password. By Lyle Mullican

Words that Zing

Words That Zing

People use websites to make decisions—from what product to buy to what health treatment to seek. When someone consults a website, there is a precious opportunity not only to provide useful information but also to influence their decision. To make the most of this opportune moment, web professionals need to understand the rhetorical concept of kairos. By Colleen Jones

Monday, February 08, 2010

5 Ways to Make User Interface Design Work for Everyone



When it comes to UI, there is inherently a balance that needs to be struck between the needs of the user and the needs of the client. By Bill

What’s Next in Web Design?

Thinking about what’s next online is fun because everything you wish to come true will come true. While commercial products obey to the laws of the market, which in part are influenced by the resources needed to create these products, the web is defined by the user. By L'Espresso

50 Inspiring iPhone Application Websites

iphonesites27

One thing that many of the iPhone application websites have ‘in common’ is their beautiful and inspiring design. They simply look amazing. By Gisele Muller

Why Are Web Pages So Ugly?

Ever wondered why, when there were so many good looking sites on the Web, ugly ones seem to get more prominence. By Jennifer Kyrnin

A Quick Look at Mobile Web Designs

Picasa, CNN Video

If there’s anything web designers learned from the past year, it’s that mobile web usage will continue to soar. By Brujo Owoh

Saturday, February 06, 2010

Mobile Version Of Every Website



Websites should auto-format based on the viewing device. Gmail, Facebook and Amazon have already taken on this standard. There are great tools out there such as Mobify that enable easy and inexpensive ways to achieve this.

What to Expect in 2010: UX/UI Design Simplicity

slidedeck

2010 is the year of Design Simplicity. By Chuck Longanecker

11 Common Web Design Mistakes (Blunders)

There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here’s a very interesting thing to ponder – What are the elements of a good website? By Brujo Owoh

5 Web Design Articles Worth Reading

Web design is all about learning new techniques, discovering new and useful resources and, ultimately, it is about pushing the web experience forward. By Paul Andrew

Hire the Best of Web Designers, By Design

Not only is the article a great guide for hiring a web designer, it is also gives the potential client an idea of the information and resources that a web designer needs to successfully and painlessly build a web site. By Barbara Williams

Weekly Web Design and Development Inspiration

Web Design Inspiration

Here are some great sites for inspiration. By Speckyboy Design Magazine

A Showcase of Website Navigations with Serious Click Appeal

website navigation

The navigation of a website is meant to be clicked. It doesn’t need to blend in or be hard to find. By Henry Jones

6 Goals to Reach For When Designing Your Next Website

Goals are important to have in life. They are especially important for website design, because without any goals, you have nothing to shoot for in the end and nothing to measure your success by. By Yugu

7 Tools You Should Be Using For Better Web Designs

Heat Maps

We’ve all come across websites with amazing designs only to be frustrated because it was hard to find things or confusing to use. As a web designer or developer, how do you know if this is happening to your website? By Mike Takahashi

10 Things Clients Look For In a Design Portfolio

There’s no formula for a perfect portfolio. There’s no format that’s guaranteed to land you clients, as long as you follow it. By Thursday Bram

27 Trendy And Unique Website Header Designs

garynock-inspiring-header-designs

One of the most important parts of the website is the header. This is what the visitor will see first, this will need to be appealing to the eye while functional to let the visitor find the navigation easily. By Omar Corrales

50 Free UI and Web Design Wireframing Kits, Resources a

Wireframeresource57 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. By Paul Andrew

Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II

Frugal Algorithm site displayed in narrow window

Shelley Powers digs into the technology behind using SVG for your site design.

Using SVG For Flexible, Scalable, and Fun Backgrounds, Part I

Using SVG for Flexible, Scalable, and Fun Backgrounds Part I

Many of us think of Scalable Vector Graphics (SVG) as an also-ran: fine for charts and tables, but not much else. Yet SVG can actually enhance a site’s overall design, and can be made to work in even the most stubborn browser. By Shelley Powers

Thursday, February 04, 2010

A Look into Registration Buttons in Web Design

EECI

Designing an informational/content-centered website (such as a portfolio or a blog) is much easier than designing a website where we have to deal with registered users. By Dibakar Jana

Wednesday, February 03, 2010

How should Web browsers render alternative text?

What is alternative text?

Designing for E-Commerce Personalities

Lots of choices

Conversion, return on investment, loyalty, referrals; all of these site metrics are incredibly important to any successful website, and a site that sells product(s) is no exception.

How to Grow as a Web Designer

Keep an inspiration notebook

The field of web design is constantly changing and growing.


Getting in a rut is often the result of not staying up to date with the latest trends and technologies in the industry. By Kayla Knight

The Principle of Contrast in Web Design

contrast in web design

A web design is made of many different elements, each having varying levels of importance and some demanding prominence over others. Some elements share a relationship, while others are not related at all. The tricky part is being able to communicate this visually and effectively. This is where the principle of contrast comes into play. By Henry Jones