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.


Last week, Blinksale, an invoicing and payment-tracking web app, offered up six Silver plans for one year.

The winners of the Blinksale Silver plans are:

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. Sites have a relatively uniform information structure: We always start with a home page (also known as the front page or index page) as the default page, and we’ll have common pages such as a contact page, an about page, and so forth.

A lot of sites will have a web page dedicated to problem-solving, giving answers to frequently asked questions (FAQ). In a time where interactivity between the site operator and site visitors is at the forefront, and a time where site analytics allow us to know more about user behavior than ever before — has the FAQ page, been left behind?


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.

As web designers, we’re always looking for ways to be more productive. Getting more work done in less time while at the same time maintaining (or improving) our products’ quality is a lifelong quest for many of us.


CodeMyConcept, a PSD to HTML service aimed at agencies and freelancers, is giving away four $250 gift cards for use on their services.

For a chance to win, simply answer the following question: How would you use your $250 CodeMyConcept gift card if you won?

This giveaway ends on November 24, 2010 after which the comments section on this post will be closed. We’ll use your email address to contact you if you win. The winners will be randomly selected and announced on a separate post. Please note that comments that don’t follow the instructions on how to participate (described above) may not be published.

Human Behavior Theories That Can be Applied to Web Design

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. The ability to reason enables us to form judgments, reach conclusions and make decisions. If, on the web, we weren’t able to think on the spot and then take action, we would trap ourselves in crippling situations of mindless clicking.

Behavioral psychology is an advancing field, and we web ninjas need to understand something about psychology in order to make usable websites. If we understand human needs and emotions — how we interpret what we see and how we choose to act — then we will better understand our site users. We’ll be able to choose and create meaningful layouts, typography and colors.


Beginning WordPress Development: A Look at Common Functions

WordPress is a great blogging and CMS platform. It’s easy to use and customize, and there’s basically nothing you can’t do with it. If you haven’t used WordPress, give it a try by installing it on your own computer using a web server package like xampp or WampServer. You’ll need access to WordPress in order to follow along with this guide.

In this guide, we will take a look at some common functions in WordPress for use in custom WordPress theme development.