Friday, October 22, 2010

10 Random CSS Tricks You Might Want to Know About

10 Random CSS Tricks You Might Want to Know About

CSS is the fundamental way of styling our web pages. Its deceptively easy syntax allows us to do many things to affect the visual layer of our work. And especially with CSS3, the language has gotten even more powerful. By Catalin Rosu

Information Architecture 101: Techniques and Best Practices

Best Practices for Information Architecture Design

Information architecture (IA) is an often-overlooked area of website design. By Cameron Chapman

Tuesday, October 12, 2010

5 Tips for Developing a Global-Friendly Website


One of the most important aspects of the Internet is that it is location agnostic. Socio-political barriers aside, a website can be accessed by a user in Siberia or Silicon Valley. By Christina Warren

Thursday, October 07, 2010

How to Create “Touchable” Web Designs

What are touchable web designs? When most people check out a new website, they sometimes think “yikes, this website looks like crap” or “wow, this is one of the best websites I’ve ever seen!” What is it that makes the great websites look so great? By Eric Rowell

Online Copywriting: Make Your Website Copy Dazzle

If there’s one generalization you should make as a website writer, it’s that your visitors have short attention spans and are overly saturated with information. By Alan Martin

Effective and Powerful CSS Tools & Generators for Designers

CSS has come a long way from formatting the structured content. It was used to control layout of documents precisely and to apply different layouts to media types. By Siva Kumar

Coding a Design: SEO Best Practices and Mistakes to Avoid

For any online business, website has become the foremost important asset. It is really indispensable that it should be designed and developed in a way that it facilitates and boost the business activities and ultimately become the revenue generating medium for the business. By Justin Spencer

5 Ways to Add Value to Your Work as a Web Designer

5 Ways to Add Value to Your Work as a Web Designer

Let’s face it… we’re in a day and age where someone can buy a domain, hosting, and install a premium WordPress theme in the same time that some designers take to respond with a job quote/request for proposal. By Nathan Hangen

What Is User Experience Design?

01 User Experience Graphic in What Is User Experience Design? Overview, Tools And Resources

Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience. By Jacob Gube

How To Convince The Client That Your Design Is Perfect

As designers who deal with clients, we all have to face one situation, no matter how difficult and uncomfortable, and that is guiding the client to accept that your design is perfect. By Robert Bowen

Test Usability By Embracing Other Viewpoints

User-testing-change-methods in Test Usability By Embracing Other Viewpoints

As Web technology improves, users expect Web-based widgets to be useful, content to be relevant and interfaces to be snappy. They want to feel confident navigating a website and using its functionality. They crave being able to get things done with little friction and on demand. And demand they do. By Ben Gremillion

Five Useful Design Techniques and Coding Solutions For Web Designers

Bargrapheffect in Five Useful Design Techniques and Coding Solutions For Web Designers

As designers, we have to create an intuitive user experience, solve design problems and provide a beautiful and functional user interfaces. Unlike print design, we don’t have the luxury of designing in a static area; rather, our canvas is ever-changing in its content, browser width, page length and more. By Kayla Knight

Responsive web design

Responsive Web Design

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.” By Ethan Marcotte

Findings from the Web Design Survey

The findings are in from the survey for people who make websites. By Ala Staff

Monday, October 04, 2010

11 Useful jQuery Tab Navigation Solutions


Sometimes using tabs just makes a lot of sense. For instance, if you have a limited amount of screen real estate, tabs can allow you to save room by giving the user a way to toggle between several items in a small space. By Henry Jones

50+ Creative Automobile websites for Your Inspiration


Automobiles, which are a comfort and luxury in today’s life has gone through a lot of trials to grow till this stage. With Internet revolution, getting an information has become so easy that you no longer search for an expert advice. By Siva Kumar

Pragmatic Prompt Planning & Prototypes

When your livelihood is dependent on your ability to be creative whether as a web designer, article writer, or something else, it’s important to leverage what little time you have to maximize your idea input and output workflow. By Alexander Dawson

40 Brilliant Examples of Sketched UI Wireframes and Mock-Ups

Final Notes

Creating wireframes and mock-ups is quite easy to do digitally these days. Applications are available everywhere, and there's one for every style. By Hilde Torbjornsen

User Experience: Using Empathy to Empower Your Users

Whenever we talk about the subject of user experience, one word pulls itself to the front of every discussion. This word is empathy. By Alexander Dawson

The Science Behind a Single Page Website

Aaron Kato

We have all come across them whilst browsing the web, and many of the examples that exist are quite awe-inspiring, the single page website is a paradigm of the modern web in which everything that needs saying can be placed in a single document. By Alexander Dawson

Sunday, October 03, 2010

How to make a mega drop-down menu

Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. By Jon Phillips

Fusing content strategy with design

Content Flow Diagram

The content strategy movement has captured the hearts and minds of Web practitioners everywhere. By David Gillis

40 Powerful Black Web Designs

When making a website it takes more than just being creative and making a lot of new solutions. Using too much color can definitely be a problem as it doesn’t always leave that professional look your client wants. By Hilde Torbjornsen

Usability Tips for Web Designers

With the online competition getting fierce day-by-day there has emerged a need for the web designers to make their website more of its worth. By Pixelcrayons

Some useful HTML 5 web sites

Here's a good list of various HTML 5 websites.

Personal Websites: 25 Examples for Your Design Inspiration

Personal websites are becoming increasingly popular and they are often provide an excellent source of design inspiration. By Vandelay Design

The simpler CSS grid

978 grid

A grid is supposed to help you in design, not to limit your creativity. By Web Designer Wall

Creating Engaged and Passionate Users, Part 1

Usage Lifecycle
Great article about how teams need to rethink their design approach and focus more on the
Usage Lifecycle.By Joshua Porter

5 Fundamental Steps to Deploying a Website

Something that is overlooked by a lot of web designers and developers is what is actually involved in the deployment of a website; the process when you’ve finished developing the site, tested to make sure it works, and are ready to push it to a live web server. By Mark Biegel

I Want To Be A Web Designer When I Grow Up

One of the biggest misconceptions about designers (and usually Web designers) is that they're just Web designers — that the scope of their skills begins with Lorem ipsum and ends with HTML emails. This is ridiculous. By Michael Aleo

Friday, October 01, 2010

When Creative Conflict is A Good Thing

When Creative Conflict is A Good Thing

During your career as a web professional, whether you’re a designer, developer or copywriter, you’re bound to encounter creative differences either within your team, or between you and a client. By Rick Sloboda

Take Your Web Designs to the Next Level

Take Your Web Designs to the Next Level

When you start out as a web designer, you do all you can to grasp the basic design principles so that you have a solid foundation to start your journey on. By Shannon Noack

How Fun is Your Website?

How Fun is Your Website?

The secret to success for a website these days is really no secret at all. Websites that really bring home the bacon are the ones driven by loyal visitors who frequent the site on a regular basis. Building a community like this often takes a lot of time and loads of great content. By Jason Gross

Emotional Design with A.C.T.


As UX professionals, we strive to design engaging experiences. These experiences help to forge relationships between the products we create and the people who use them. By Trevor van Gorp

So You Wanna Build a Library, Eh?

Creating a UX library diagram

Design patterns and modular components are effective techniques for designing and building long-lasting, consistent experiences. You may reach the point where you ask yourself “Is it time to build a library for our team?” By Nathan Curtis

Wednesday, September 22, 2010

What Is The Worst Design or Programming Mistake You’ve Ever Made?

Workatnight in What Is The Worst Design or Programming Mistake Youve Ever Made?

Mistakes are made every day in the design and development world. It’s nothing to be ashamed of; it happens. In fact, mistakes are one of the most powerful learning tools at our disposal. By Robert Bowen

iPhone App Designs Reviewed

Foobi 2 New Updated1 in iPhone App Designs Reviewed: Critique Board and Lessons Learned

If mobile developers want to create apps that people want to buy, they’ll need help with design and usability. By Alex Komarov

Useful Adobe Photoshop Techniques, Tutorials and Tools

PS-102 in Useful Adobe Photoshop Techniques, Tutorials and Tools

As web designers, you're always having something new to learn. Over the last decade workflow has changed dramatically — it’s become more sophisticated and highly diversified. By Vitaly Friedman

Tuesday, September 21, 2010

Improve Site Usability by Studying Museums


Using a website should be easy. It should be intuitive. We should know what button or link to click to get to where we need to be. By Alexander Dawson

The Perfect Web Designer Should Not Exist

The Perfect Web Designer Should Not Exist

The web design community is both strong and deep. We support each other and quickly find out that everyone is encouraged to both grow with, and contribute to, the community. By Jason Gross

Testing Accordion Forms



Read Luke Wroblewski's article on accordian forms.

Forward Thinking Form Validation

Form validation has been a finicky business since the web was born. By Ryan Seddon

Thursday, September 16, 2010

10 Usability Tips Based on Research Studies

F-Shaped Pattern

This article discusses usability findings of research results such as eye-tracking studies, reports, analytics, and usability surveys pertaining to website usability and improvements. By Cameron Chapman

20 Questions to Know for Avoiding Website Project Disasters

20 Questions to Know for Avoiding Website Project Disasters

When working on a new web design project with a client, especially a new site launch, it is vital to have a clear definition of the project’s scope and the expectations of the future website owner. By Jason Schubring

Monday, September 13, 2010

Using Power Structure and Gestalt for Visual Hierarchy

The Power Structure

A core place to begin a website discovery process is to learn the goals and objectives of your client. It is imperative to understand what the website needs to do and which things are the most important. By Shawn Borsky

Thursday, September 09, 2010

Showcase of Interesting Navigation Designs

Minusfive in Showcase of Interesting Navigation Designs

Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. By Sarah & Adrienne Khan

Saturday, September 04, 2010

Working for a web design agency

The most obvious job for a web designer is working for a web design agency, but if you’ve never done that before… then how do you know what to expect? Is it even the right path for you? By Webdesigner Depot

45 inspiring design agency websites

designrelated03.jpg

Here's a good collection of design agency websites. By WDL

13 Ways to Challenge Yourself in Your Career as a Web Designer

A career in web design or development requires a constant effort to improve and to stay on top of new technologies and changes within the industry. By Vandelay Design

Must know names in web design

Here's a list of few noteworthy companies in web design that are worth checking out.

CSS counters: counter-increment and friends

The CSS2.1 spec introduced a new technique allowing developers to combine three CSS properties and a pseudo-element to create auto-incrementing counters — similar to what is displayed in an ordered list. By Louis Lazaris

An Analysis of Typography on the Web

Contrasting, conflicting and concording relationship between fonts.
Typography is one of the most—if not the most—important aspects of web design. Some would argue that it takes up to 95% of web design, so why do we often neglect its importance? By Net Tuts

18 Website Speed and Performance Checking Tools

Google is taking site's loading speed into consideration in determining ranking. Even though this will not land a big impact, it it still something webmasters should really look into. By Dainis

25 websites to download free stock photos

Lomography - Free Photos


If you are searching for free stock photo databases, there are quite a few sites on the web that do that, and even at high quality. By DzineBlog

23 unconventional ecommerce website designs

Uniforms for the Dedicated



The snapshots gathered within this collection refer to a category of web designers that is willing to invest a great deal of resources in the looks of their pages. Ecommerce sites are very elaborate and striking original. By DzineBlog

7 important tips for website copywriting

Readers don’t read all the words. They skim through individual words and scan them. Readers also tend to read slower on the computer screen then they do when they when they read books. By DzineBlog

Futureproof your website

How do you keep your website up to date and relevant, without having to constantly overhaul the design, content and code? By .Net

50 Fresh and Beautiful Ecommerce Websites II

Columbia Sportswear

Well-designed ecommerce and shopping cart websites are regularly referred to for web design inspiration by creative and experienced web developers. By Speckyboy

9 excellent mockup and wireframing web apps

mockflow

A wireframe or mockup tool is a must have tool for every web designer and developer. These tools have their importance in web designing and development world. By Muhammad Falsal

Translate this javascript button

translate this button



TranslateThis Button is a lightweight Javascript translation widget that translates any page quickly (up to 52 languages) using Ajax and the Google Language API. By N.Design Studio

Creating a Web Poll with PHP

Unstyled Poll


Polls are nearly ubiquitous on the web today, and there are plenty of services that will provide a drop-in poll for you. But what if you want to write one yourself? By Erik Wurzer

Advertising on Your Website – Considerations & Advice

Alexa for MyInkBlog


Should you sell advertising space? There is no right or wrong answer to that question, ultimately you have control over what advertisements are shown, but will advertising turn off some of your readers? By Jared Thompson

Quality Athletic Websites



There are not many aspects in life that can bridge gaps between religion, race, and nationality. Although, one that has proven time and time again is sport. By Brady Nord

Less is more

LiM5

“Simplification; using the simplest materials and forms available”. By DesignOra

40 Title Tag SEO for Google Ranking Factors & Optimization Techniques + Resources

Not all title tag optimization techniques are ranking factors for Google but they need to be implemented as well in a thorough on-site SEO campaign. By Tad Chef

6 terrible web design trends

Here‘s an eleven-year-old article discussing the web’s worst design mistakes. By Mathew Carpenter

20 Snippets You should be using from Html5 Boilerplate

Html5 Boilerplate, as they have named it, is a powerful starting off point for any website or web application. By Matthew Corner

Ultimate List Of Web Design Checklists: Get Work Done!

Ultimate-usability-list-useful-web-design-checklists



When building a website, there are so many things and aspects to keep in mind. It often happens that in that mess we forget about some basic things like favicon or maybe about dummy content removal from test site. By Daniels Mekss

Performance Optimization: How to Load your javascript faster!

Keep your code at minimum

Javascript is now extremely important. Some sites use javascript for a tiny enchantments, many of today’s webapps are depending on it, some of them are even totally written in js. By Przemek

5 Killer Ways to Streamline your Coding Efficiency

Matthew Corner talks about designers and developers, and the hourly rates they charge. One can be more efficient, and faster at producing quality work, as long as quality is not compromised for speed. Apart from practice, how can you actually speed up your coding you may be thinking?

PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout

This is Part 2 of tutorial series. The first part dealt with creating a web design mockup of an elegant and simple blog web design. You should do Part 1 before attempting this tutorial so that you to gain the most benefit. By Eric Hoffman

Craftsmanship in Designing Websites

Use real content

With high pressure from clients and crazy development schedules for web designers, it is easy to forget to spend the proper amount of time crafting a design. By Shawn Borsky

Designing By Numbers: Data Analysis for Web Designers

Designing By Numbers: Data Analysis for Web Designers

Judging what’s best for an audience is never far from the web designer’s mind. By Alexander Dawson

Use the 80-20 Rule to Increase Your Website’s Effectiveness

Use the 80-20 Rule to Increase Your Website's Effectiveness

Want to increase your website’s conversion rate? Want more subscribers, opt-ins, members, customers? How about doing less work while you’re at it? By Oleg Mokhov

The Case for open-source design

Osd Comcycle 500 in The Case For Open-Source Design: Can Design By Committee Work?

In celebrating the merits of free software and the excitement over this radical networked production method, an important truth is left unspoken. Networked collaboration shines in the low levels of network protocols, server software and memory allocation, but user interface has consistently been a point of failure. By Mushon Zer-Aviv

Showcase Of Appetizing Restaurant Websites

Lethiers in Showcase Of Appetizing Restaurant Websites



They say the first bite is taken with the eye. If so, these appetizing restaurant websites succeed in whetting our appetites, inviting us to a savoury next bite. By Sam Wilson

Web Design Checkmate: Using Chess For Success in Web Design

The business of building websites is one of constant change, adaptation and strategy. The way designers and developers build websites is often informed by the methods of others and their own trial and error. By Alexander Dawson