Understanding the HTML5 You Wrote - 04

Bob, in the examples of the meta tags, your "author"-meta tag states "Bob "Tabor instead of "Bob Tabor" (see the misplacement of the double quote ?).

It would be a good idea if you are going to get so detailed especially for beginners to mention the downfalls of specifying px vs. percent on things like margin and padding. You are basically skirting around a big initial design problem by using px for those values and then going in and trying to adjust the blowouts by fixing parents.

@MODUL8com:  Yikes!  I still have a problem typing and talking and thinking at the same time.  Nice catch!

@anonymous: I agree and I'm pretty sure I talk about that in the CSS portion of this series (but it's been a while and I can't remember which video specifically where I talked about it).

Bob,
Which capture application are you using to create your tutorials?
Dean

@Dean Bush: After experimenting for years I have a pretty complicated setup -- I'm not sure you would want to do what I do.  I think the most popular software is Camtasia for this purpose.

Wow thanks, I love these videos

Thank you Mr.Tabor! You are actually more helpful than my college professors.

@kapil: @Mladen: Thank you both for the kind comment!

Hello Mr.Bob! Sir I must say really professional and easy tutorials.Can you tell us about a good HTML5 & CSS3 builder-tool.I have downloaded Adobe-DreamWeaver but don't know how to use it.If DW is the best one then please upload its tutorial videos.

sir i cant understand how the how is the pic Tag plz tell me the easy way

Again, as I've said in a previous comment (lesson 2), this is such extensive material and at the same time so easily assimilated that I think beginners won't find a better learning resource.

I'm already acquainted with web technologies (I've been reading on HTML5, CSS, Javascript, SQL, PHP and design concepts for a couple of years) and .NET programming (VB has been my hobby for 10 years), so most of the content in these lessons I'm already familiar with, but they are nonetheless interesting yet, as you are pointing out best practices and hints to more advanced practical cases, which is exactly what I was looking for in order to consolidate my knowledge in this field, as I haven't had many opportunities/time to practice web coding unfortunately.

I'm going to have to watch the rest of the lessons offline, so I'm very grateful for that option too.

Grasping web technologies is easy, delving into them on the other hand... it can be difficult at the beginning even for me (because of the complexity/multitude of information), but this video course is making it all seem less complex and complicated, so it's exactly what I need. I hope the C# course will have the same effect and teach practical use cases which differentiate it from VB (VB was great to learn, but now I think C# is more transparently structured - for example, when it comes to forms and how they as objects are created/identified in code or how the main() function is always present).

Great vid's. I'm starting vid 4 now. Great top-level explination. Great work, just awsome!

I really really want to become a programmer, Anything you could Email me "Stephen.r.sanderson@gmail.com" From ANYONE to help me on my path. Thanks for these videos, One day I'll be a great programmer :)

I love the binary clock! @BobTabor

Yeah, I really like that whole 'semantics' thing. I was thinking how it can be used in the future and nothing has arrived so far, But! You said that it can be useful for blind people with the use of speech synthetiser and text recognition software. So... I used in the other way round with "speech recognition software". Yeah, to my delight it's really comfortable to say "make a html template", "add meta name", "open body", "close body" and see how everything happens without using a mouse or keyboard. I think that with semantic marking in html5 it would be more easier for blind people to create an actuall website which could be very interesting. : )

And yeah, as for using speech recognition software I will try to use it for the whole course and see how productive it is. : ) Somehow speaking aloud makes me easier to organise and understand what I'm doing with the webpage.

@Moriarty: I tried that experiment years ago (Dragon Dictate or Nuance or something) to *command* the computer, not just author documents.  What an exercise in frustration!  If you can pull it off, good luck to you!  I realized I think in keystrokes, not verbally.  

Thanx BOB Nice Stuff....I realy like your videos...

Awsome !!

Is that a clock in the background on the shelf? Whatever it is, it looks neat. 

@gprasant: yes, it's a binary clock from ThinkGeek.  

The best teachers have natural characteristics that make them great. Often its just a style of delivery. Your voice and diction and speed of talking, your mannerisms, all make it very easy to learn. You are a natural!

As excellent as your video tutorials are, videos in general have a drawback. They present information that is often hard to find later. For example, you give tips to go to various web sites for more information. It would be a simple but very worthwhile addition to add a file to your download package that includes links that you have covered in your videos.

Thank you so much for these videos- I'll be telling friends about this source for sure!

@wayneC: Thanks Wayne!  ... re: links ... agreed, part of this is a learning process ... learning how people consume the content on Channel9.  In more recent series, I've done exactly as you've suggested.  It would probably be a good idea to retroactively go back and put those links in the description area (above) as well as deep links into the video itself, which I just learned you can do here on Channel9.  Thanks for the feedback and the kind words.

I Really like the way you teach . I have been a fan of your series since i watched windows phone app development videos of yours. Its Great to find such a good teacher as you.I even posted some of windows phone basics on my Blog: Kgtricks

@KunalGanglani: Thanks Kunal!  Best wishes to you.

You are excellent teacher, now I'm a big fan of yours

how can I get a picture as wallpaper on the website?

@Dennis: A quick Bing search revealed:

http://css-tricks.com/perfect-full-page-background-image/

BTW, I wouldn't be doing my job if I didn't encourage you to really understand WHAT the CSS the author uses is actually doing.  You wouldn't want to be accused of being a "script kiddie".   

Good luck!

This is a really cool step-by-step tutorial. Thank you Bob!

much appreciate the videos, thanks Bob. However Helvetica has only 1 't'..
and a bit of trivia for you .. did you know that Helvetica is the latin name for Switzerland ? which is why the mandatory 'country sticker' at the back of cars in Switzerland is CH - Confederation Helvetica

there you go, thanks again for your great videos !

Hi Bob,

I love to attend your lessons and they do push me further onwards!!

However I do like to know what's that funny "living lighting picture" in your closet behind you above your head?

Where can I buy such an object.

Cheers Johan

@edualc: Ah, interesting.  Thanks!

@compucol: Oh, you like my Binary Clock?   

A++++ video awesome

BOB Thnx, still very consructive teaching, very helpful

comment crie sit web