Is It Time to Rethink Website Navigation?

The hyperlink has been a staple of the Internet since it began. The Web simply wouldn’t be a web at all if we didn’t link from one web page to another. Links make the Web work.

So it would make sense to put a lot of time and effort into how we design our links and navigation systems.


But, this isn’t always the case. By Jason Gross

25 Excellent Photoshop Web Design Layout Tutorials

Photoshop is a popular web design tool. With it, you can create web design mock-ups that can later on be converted to a functional HTML/CSS template.

This collection of tutorials features top-notch techniques on how to create web design layouts using Photoshop. By Marcell Purham

Useful Ideas And Guidelines For Good Web Form Design

The input form is an essential element of almost any website or application these days. Input is a core method of interaction, and in many cases it represents the hard conversion point between success and failure. By Shawn Borsky

Five Copywriting Errors That Can Ruin A Company’s Website

No matter how brilliant a website’s design, no matter how elegant its navigation, sooner or later visitors will decide whether to take action because of something they read. By Brad Shorr

Agile Web Development That Works

Agile web development is not a specific process, action, or a daylong exercise. Agile is a mindset, an attitude with which a project is undertaken. By Jason Mark

5 Steps for Taking on Something New

It’s a scenario most solo web professionals find themselves in now and then: You have the opportunity to work on a project that includes something you haven’t done before, and that something is pretty big. Maybe it’s editing video for the web, conducting user-testing, or creating a mobile web design. By Phillip Zelnar

A Web Developer’s Guide To Adobe InDesign

Over the past several years, there has been a big divide between designers: those who work in print distribution and those in digital distribution. By Matthew Potter

An Exploration of Website Redesigns: Tips and Examples

Website redesigns — whether for your own website or clients — seem like exciting and interesting projects. It’s challenging to create a new design while retaining the site’s existing brand and content. And for most web designers, these types of challenges are motivating. By Mohammad Moradi

What Potential Impact Can HTML5 Have on SEO?

Although still a work in progress, HTML5 is the next major revision of the HTML standard. HTML, which is the markup language that allows us to structure and present our web content, is the primary factor in search engine optimization efforts. HTML gives search engines the needed context they need to understand what’s contained in a web page. By Adam Heitzman

Free Style Guides Icon Set For Writers And Editors

Great set of Style Guides for websites. By Thomas McGee

Guidelines For Working With External Code Libraries

Working with code that was created by some other person or organization is routine for developers, but it can be one of the most demanding activities, particularly if you’re still learning. By Sue Smith

Following A Web Design Process

Following a detailed website design and development process can speed up your work and help your client understand your role in the project. First of all, what exactly is a ‘process’? By Luke Reimer

A Comprehensive Website Planning Guide

As a veteran designer, developer and project manager for more websites than I can count, I’ve identified a common problem with many Web projects: failure to plan. By Ben Seigel

Useful HTML-, CSS- and JavaScript Tools and Libraries

Front-end development is a tricky beast. It’s not difficult to learn, but it’s quite difficult to master. By Smashing Magazine

Understanding Copyright And Licenses

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementations is often quicker, cheaper and more practical than producing your own. By David Bushell

Free Website ROI Calculator (Google Spreadsheet)

The Website ROI Calculator, a free Google Spreadsheet created by Anders Hoff specifically for Smashing Magazine and its readers. By Anders Hoff

Five Useful Interactive CSS/jQuery Techniques Deconstructed

With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. By Jon Raasch

Useful Resources, Tools and Services for Web Designers

Productivity is a crucial asset of professional Web designers and developers. Here are some new resources, tools and services to make the search of these ever-growing techniques easier. By Smashing Magazine

Modern Debugging Tips and Tricks

With the rise of mobile devices, web development and debugging is more complex than ever. We have more browsers and platforms to support. We have more screen sizes and resolutions. And we’re building in-browser applications instead of the flat, brochure-ware sites of yore. By Tiffany B. Brown

Fluid Images

Here's a portion of Chapter 3 of Responsive Web Design by Ethan Marcotte (A Book Apart, 2011). This chapter follows a previous chapter on fluid grids, expanding upon that grid with fluid images. By Ethan Marcotte

Order the book here