The Machine | Search for a cog | Submit a cog | Photoshop Videos | Machine Talk

Archive for the ‘HTML’ Category

CSS 2 Column Layout Tutorial

Tuesday, May 27th, 2008

A common problem in CSS is the fact that if you float a div on either side of a body of text. The div will expand to fit the content. WEll how would you get your div to get to appear like its actually going all the way down the page? SIMPLE!

http://visualdesigncore.com/tutorial.php/HTML-CSS/2-Column-Layout/?do=tut&tut=2-Column-Layout

Eight Critical Tips for On-Site Search Engine Optimization

Tuesday, May 27th, 2008

This tutorial gives you basic tips on Search Engine Optimization (SEO).

http://www.oman3d.com/tutorials/seo/on_site/

Styling Lists

Tuesday, May 27th, 2008

In this tutorial, you learn how to use a simple list style in a web page.

To view this tutorial:

http://www.developnew.com/html/html_list.php

What is a DOCTYPE and what does it do?

Tuesday, May 27th, 2008

When a browser scans your website, the first thing it looks for is its DOCTYPE. It helps render your website the proper way. Ever realized that a browser isn’t a real life guy that can guess in what language and type it is written? Well, a browser is just a tool for people to view your website and if it doesn’t know what and how it has to show a page, there can be some problems in layout. So when there’s a wrong, outdated or no DOCTYPE at all, your HTML, CSS or DOM codes are rendered as they where designed in the late 90’s.

http://www.divitodesign.com/2007/05/what%e2%80%99s-a-doctype-and-what-does-it-do/

Quick Accessibility Testing

Tuesday, May 27th, 2008

A recent project of mine required me to do a quick review of the accessibility level of a site. Nothing serious, just to show what was possible to test and where the site scored right now. I managed to assemble a small list of tools that I believe did a rather good job. This article is a list of those tools, and some tips on how to use them. It covers three areas: automatic, semi-automatic, and manual accessibility testing.

http://friendlybit.com/tutorial/quick-accessibility-testing/

Update you pages the SEO friendly way

Tuesday, May 27th, 2008

Since this blog’s main subjects are standards and web design, SEO or Search Engine Optimizing is an important part of the world wide web too. This article will tell you what and how to optimize your websites for all major search engines.

http://www.divitodesign.com/2007/07/update-you-pages-the-seo-friendly-way/

From PSD to HTML

Tuesday, May 27th, 2008

In this tutorial I’m going to show you how to take the design created for my Fundamentals of Interface Design tutorial and turn that into a usable web interface.

http://www.partdigital.com/tutorials/convert-web/

Most common mistakes made by new designers

Tuesday, May 27th, 2008

An article that quickly runs trhough a list of common mistakes that people, new to designing, make. They all can be easily fixed and will make your designs look so much better.

To visit:

http://highermoney.com/most-common-made-mistakes-by-new-designers/

A beginners guide to setting up a website

Tuesday, May 27th, 2008

Okay this article is for people new to the internet or without any HTML/CSS experience. It will guide you through the different processes of setting up your very own website. First I will explain a few basic things. Your website will be made up of a design - images and layouts - coding - HTML and CSS or other coding languages used to show the images and layouts correctly - and finally hosting - used to broadcast your site over the internet to the public. This guide is for a generic website using a template rather than a blog. It will create a simple “static” website with a small number of pages.

http://highermoney.com/set-up-your-own-free-website/

How to become a website designer

Tuesday, May 27th, 2008

This is an article outlining the path of an upcoming designer. It is a guide for a person starting from scratch to learn how to design and how to make money from it. Most of the tips will be from previous experience.

http://highermoney.com/how-to-make-money-designing-online/