#28433
Grouping similar elements helps the brain quickly decode a page layout. Proximity, Alignment, Containment, Rhythm and Styling are all tools that help indicate grouping.
Hunt, Ben. Web Design From Scratch (2005). Design>Web Design>Document Design
#28444
How HTML, CSS and JavaScript Work Together in Web Pages 
The three main technologies used to create modern web pages (HTML, CSS and JavaScript) each do different jobs. HTML should be used only for structuring content. Cascading Style Sheets should be used for applying all visual styles. JavaScript should be used for (almost) all interactive functionality, and should always be referenced in separate files, never written into HTML.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>CSS>DHTML
#28412
The absolute basic mechanics of how you go about making web pages and publishing them on the web.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design
#28447
Web browsers will show three different types of lists: ordered, unordered and definition lists. This tutorial explains to use each type, and how to make them in HTML.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>HTML
#28448
HTML tables should only be used to display data in tabular form. This tutorial explains how to create tables in HTML properly.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Document Design>HTML
#28396
Don't reinvent the wheel for functional imagery. Concentrate creative effort on imagery that adds value in branding or message (content).
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Graphic Design
#28452
Inheritance and Cascading in CSS
This is a guide to help people learning CSS to understand how a browser works out what styles to apply to a particular element. As we saw in the introduction to CSS, there are lots of ways you can apply styles to a particular element. When more than one of these methods applies, how do you know which styles will be applied? Fortunately, these rules are quite simple, once you know them. This article tries to explain all. Of course, the best way really to learn this stuff is to try stuff out and see what happens.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Standards>CSS
#28451
Introduction to CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) is a smart way to add styling information to web pages. While it's possible to add styling to HTML (e.g. using the tag) HTML should only be used to structure your content, CSS is the only way you should apply styling.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Standards>CSS
#28445
HTML was created by Tim Berners-Lee, the inventor of the WWW, and has been around since the very beginning of the web, and has changed a bit over that time, although it hasn't really gotten any more complicated. HTML is the markup language that's used to write web pages. It simply describes a web page's content and its structure.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>HTML
#28398
The way elements are arranged on screen carries lots of meaning that we interpret subconsciously when decoding web pages.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Document Design
#28435
Logical Order of Page Components
There is a natural flow to many visual interactions - the flow of a visual dialogue between page your features and your user's private mental commentary.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Document Design
#28437
Logos are graphical shorthand that can represent a company or product, and communicate certain characteristics.
Hunt, Ben. Web Design From Scratch (2005). Design>Graphic Design>Web Design
#28413
One of the most fundamental factors in designing for screen-based media is: No-one likes looking at a computer screen.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Human Computer Interaction>User Centered Design
#28402
To use freelance talent effectively it's important to know your strenghts and weaknesses, to be aware of the risks and have contingencies to handle when things go wrong.
Hunt, Ben. Web Design From Scratch (2006). Careers>Management>Outsourcing>Project Management
#28403
Pricing and Selling Web Design Services
Price your services appropriately in line with your competitors. Never sell yourself short - always make sure your clients appreciate what they're buying.
Hunt, Ben. Web Design From Scratch (2006). Careers>Web Design>Consulting
#28388
Designing for the web means designing sympathetically with the way people actually use the web, not how we think they should. This section looks at the discipline of web design, how to approach design as a job, and introduces some mental techniques for increasing enjoyment and success.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Methods
#28408
My friend John Endean is one of the most successful people I've met in web development. He taught me that the most important skill for a developer is laziness. When faced with a problem, the lazy developer will first find out if it has been solved before, and if possible rip off the code. The hardworking developer will stay late and try to figure out the problem from first principles. Who is most likely to succeed? Who is most likely to produce more successful code in less time? Who would you rather have on your team? I propose that web designers too should embrace laziness, and stop straining to create the truly original.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Methods
#28394
Everyone benefits from clear, readable text content. People with visual impairments benefit particularly.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Usability>Typography
#28434
Aside from alignment and grouping, elements can be linked using rhythm: a regular or irregular repetition of common stylistic features.
Hunt, Ben. Web Design From Scratch (2005). Design>Web Design>Document Design
#28401
A 10-step guide to setting up a web design or development business. I won't go into all the general stuff about running a business (although some of this info is relevant whatever you do). I'll keep it focused on how you can quickly start doing good work and earning real money.
Hunt, Ben. Web Design From Scratch (2006). Careers>Web Design>Management
#28409
Simple web design delivers huge benefits to designer, client and user. When a design doesn't seem to work, ask what should be taken away before asking what's missing.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Usability>Minimalism
#28432
Site Personas and the Dialogue Process
Site Personas are analogous to User Personas. Whereas User Personas represent typical individuals in your target user base, together with goals and motivations, the Site Persona represents the site, embodying its brand and its goals. I often find it helpful to picture my web sites as information flowing both ways between the site and users. The Dialogue Process is a way to optimise your web site interactions by scripting them as conversations between your two types of persona.
Hunt, Ben. Web Design From Scratch (2005). Design>Web Design>User Centered Design>Personas
#28450
This worked example applies styling and functionality to a basic grid of data to produce a simple form control that's a pleasure to use.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>DHTML>Forms
#28438
Logos in the form of words or letters have natural properties that make them visually effective: (see also logos article): good recognition; good descriptiveness; and good presence.
Hunt, Ben. Web Design From Scratch (2005). Design>Graphic Design>Web Design>Typography
#28410
The single most difficult and important skill for a web designer is: Remembering what you're doing. It is incredibly easy to get bogged down on the surface level of design, pushing boxes and buttons this way and that around the page until it appears to have perfect visual balance. This is: A Complete Waste of Time. Before looking at how to design on screen, let's consider how to think like a successful designer. To be most successful, you've got to know what you're trying to achieve, and take the most direct path to achieve it.
Hunt, Ben. Web Design From Scratch (2006). Design>Web Design>Project Management
