Monday, 21 January 2013

Be lazy with HTML5, but not really: the <head> tag

With HTML5 we can be a little lazy, perhaps sloppy too.
Lets start with the DOCTYPE, this is really easy:
<!doctype html>
thats it.

The
<meta>
tag is quick and easy too:
<meta charset=utf-8>
thats it.
Pretty painless right? You might be looking at this and thinking where are the quote marks to the attribute:
charset="utf-8"
and its not self-closing:
<meta charset=utf-8 />
? well thats just it, this isn't a XML language so you don't need any of those things, but this doesn't mean you can be sloppy, because you should always practice good mark up and keep it consistent.
The best thing to do is pick a style and stick to it.

Also:
<!doctype html>
<meta charset="UTF-8">
<title>Chet Tailor's HTML5 blog</title>
<p>Some really interesting stuff</p>

This will validate just fine, even though it has no <html> tag, no <head> tag and no <body> tag, this is because browsers assume them any way as you can see from the screen shot:

Monday, 14 January 2013

HTML5 Semantics

In HTML5 there are more semantics, personally I think this is a good thing. Instead of an endless amount of
<div>
s we have more structural elements like
<header>
,
<nav>
,
<aside>
,
<footer> 
etc I'll try and explain which I think are the main ones as best as I can, but in the mean time you may want to check out theses Cheat Sheets: HTML5 and HTML5-CSS3 the latter is a little dated but still excellent for guidance.

Friday, 11 January 2013

What software do I need for HTML and CSS?

Any software where you can save as a plain text document.

Such as TextEdit (may need configuring) or Notepad, but when saving the file you must save it as .html for HTML or .css for CSS.

However you may want to consider something like Dreamweaver or Sublime Text 2 there are others, but these are the two I use. These can predict what you are typing and make linking to other web assets easier. They can also help with file management and file upload (FTP). But more on that later.

If you'd like to add anything then feel free to do so below.

Thursday, 10 January 2013

What is HTML and CSS?

In short HTML is the content of the website and CSS is how that content is presented to the website user/viewer, well sort of.

HTML is a little more than just the content, it also tells us what the content is; ie it tells us which part of the content is the Title, which part is the Header, Paragraph and Footer etc.
Just like in a properly constructed document.

The CSS tells the web browser how they should look; ie what font and colour the Header should be. The line spacing in the Paragraph etc.

Wednesday, 9 January 2013

What's this all about?

My name is Chet Tailor and I run a company called Red Kong Graphics.

I started off in print design and eventually found myself moving more and more into web and digital. So I had to learn HTML and CSS, what I think is interesting though is I've gone into web and digital at what I consider a important time in Internet history! I've entered in at a time where there are big changes occurring. I'm talking about HTML5 and CSS3.

No doubt there will be some of you who are completely lost and don't know where to start, don't worry, thats what I thought at the beginning too. So I'm going to try put together tips, tricks and advice on HTML5 and CSS3.

I'm by no means any sort of HTML or CSS expert, so if you think you know better then feel free to leave a comment.

Hope you enjoy the journey.