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
Labels:
navigation,
online stores,
progress checkers
Monday, January 11, 2010
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
Labels:
a/b testing,
split testing
Sunday, January 10, 2010
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
Labels:
browsers,
web browsers
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
Labels:
design,
minimalist,
minimalist web layout
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
Labels:
optimzation,
performance
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?
Labels:
content strategy,
web content,
web editing
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
Labels:
a/b testing,
ads,
google adsense,
web advertsing
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?
Labels:
call to action,
clicks,
cta,
goals,
user experience
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
Labels:
inspiration,
organic,
web design,
websites
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.
Labels:
cms,
content management system,
sem,
seo,
web analytics
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
Labels:
Firefox Extensions,
Web Apps,
web design
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
Labels:
design,
logo,
logo design
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
Labels:
best practices,
gimp,
tutorials
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.

Labels:
examples,
Graphic Design,
inspiration,
quality
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
Labels:
clients,
designer tips,
essential fundamentals,
knowledge,
learning
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.
By Paulo P.
Labels:
flash,
flash design,
inspired flash creations
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
Labels:
html,
javascript,
jquery,
tables
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
Labels:
css,
techniques
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
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
Labels:
Jacob gube,
navigation,
showcases
Three Days in Seattle
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.
Labels:
an event apart,
css,
events,
web design,
web standards,
zeldman
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
Labels:
layers,
photoshop,
smart objects,
styles,
techniques,
tips
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
Labels:
depth,
design,
pixel,
raster image,
technique
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

Labels:
creative,
footers,
headers,
user interface,
web design
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
Labels:
coding,
how to,
photoshop,
psd,
step-by-step,
tutorials,
website,
website layout
Best of the Web – December 2009
A great collection of various articles, tutorials and more from 2009. By PSD Tuts+
Labels:
downloads,
font design,
inspiration,
photoshop,
text effects,
tutorials,
typography
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
Labels:
layout,
user experience,
web design,
web forms
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
Labels:
hourly rates,
web rates
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
Labels:
design,
Facebook,
interfaces,
layout,
social,
social experience,
Twitter
Research Logistics
A crash course for designers and stakeholders. By Demetrius Madrigal
Five Simple but Essential Web Usability Tips
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
Labels:
consistent,
layout,
organization,
structure,
usability,
user interface,
web design
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
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
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
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.
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.
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
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
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

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
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
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

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
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
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
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
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.
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
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
Subscribe to:
Posts (Atom)