Thursday, 28 May 2009

Fonts, fonts, fonts... Why are you displaying differently on each system?

Here you can find a list of basic fonts available on Windows and Mac.
In the table you can also compare how each of these systems displays even the same font!

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

OOPS... I've forgotten to check my code...

Here comes the... VALIDATOR!!! :)

HTMLand XHTML validator:
http://validator.w3.org

CSS code validator:
http://jigsaw.w3.org/css-validator

Wednesday, 27 May 2009

CSS is going to be my best friend :)

CSS Tutorial and many more.

Tell the browser the HTML/XHTML version and character encoding you're using :)

If you're using the HTML 4.01 version, you should write this information at the very beginning of your html document. The browser will 'know' that your website meets the standard :)

<!DOCTYPE html PUBLIC "-//W3//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

For the XHTML 1.0 version type:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

When using XHTML write xmlns attribute in your <html> opening tag:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

If you're using English or Western-European languages, write a <meta> tag that provides your browser with such information. This should be written inside the <head> element.

<meta http-equiv="Content-Type" content ="text/html; charset=ISO-8859-1">

Additional information about character encoding in other languages is on W3C website.

Tuesday, 26 May 2009

Character entity

Very important! However, almost impossible to learn (well... if I use often some of them, I'll probably remember them sooner or later).

Here is another list with useful links to websites with character entity charts:
  • http://www.w3schools.com/tags/ref_entities.asp
  • http://www.evolt.org/entities
  • and a Wikipedia article that gives character entity references.
  • Monday, 25 May 2009

    Web colors

    The whole hex color code chart can be found on http://www.computerhope.com/htmcolor.htm.
    There is also an article about Web Colors on the English Wikipedia. I like to have a quick look at different colors before I choose the right one.

    What might me useful is a color generator - a color wheel that gives an idea of possible color schemes for the website: Hex Color Generator.

    Saturday, 23 May 2009

    Useful HMTL tags

    The alphabetical list of HTML tags:
  • http://www.htmlquick.com/reference/tags.html
  • http://www.w3schools.com/TAGS
  • .
    HTML tags divided in sections, i.e. related to structure, text, list etc:
  • http://www.devx.com/projectcool/Article/19816
  • .
    Of course I couldn't forget about the marvellous wikipedia article on HTML elements: HTML element.

    P.S. The list elements I've created using the <li> tag and for the links I've used <a href="..."> :)

    Thursday, 21 May 2009

    Hi everyone!

    This is going to be a sort of diary to register what I've learned in website designing.
    Have fun :)