Where to Go From Here - 21

4,83 GB (High Definition versions) for all these 21 videos. Great tutorial! Thanks a lot.

Absolutely must have for beginners!

@ciupaz: Interesting stat.    Glad you enjoyed it!

@thang2410199: Cool ... what part in particular did you like?  What could have been better?  This is the first time I've taught this content and frankly?  It scared me to death!  It is deceptively difficult due to the nature of the world wide web, browsers, standards, open nature of various technologies, etc.

I've dropped by to say Thank you!
You are a great speaker ,you made those lessons easy to comprehend and easy to follow,and your active and positive attitude greatly helped me become committed html5/ccs3 learning.

Thanks for the introduction to HTML5.
I'm not a web developer, nor I want to become one, but with the new app model in Windows 8 I wanted to know more about HTML5 and CSS3.

It's good to be able to read the code spit out by Visual Studio.

@Liviu: Nice.  Glad they helped!

@not a web developer: Interesting ... I agree ... creating apps on Windows 8 using HTML5 & JavaScript will be a very cool experience.

Great videos. I watched them all. I just have one question. Which of the two is the best approach for clearing floats, override:hidden or clear:both? Thanks and more power!

@Arsenio:  You're asking my personal opinion ... and so this is going to sound like a lazy answer, but honestly?  I don't even dabble in that CSS "setup" stuff anymore.  I'm not a graphic designer, and so I would prefer to use someone else's work ... right now I'm infatuated with Bootstrap by Twitter.  I haven't looked at how they do it, but I'm more interested nowadays in poking my ASP.NET bits into the appropriate places and just using predefined styles in Bootstrap (or creating new ones) than finagling with all that CSS setup stuff.  I realize that is an unsatisfying answer.  Glad you enjoyed the series.

I did persevere to the end, and was well worth it. Am still a bit unsure about how to split a page with <article>, <section>, <div> etc. But the resources you pointed to in this last video are really useful.

I used the new Visual Studio 2012 for Web and brought all your examples in there, which was a great way to play around with them. It does force more rigorous /> endings, but that's no harm.

Thanks again. ASP.NET MVC next !!

@Dubman: Articles and Sections are tricky ... I wouldn't get too hung up on it ... when you need it in the future, spend 3 minutes on the W3C.org site, review what they say as a guideline, and then let it rip.  There really is no "wrong" answer.  Glad you liked the series ... yes, it was a lot to power through, so good for you!  Best wishes in your pursuit of ASP.NET MVC!

Really Enjoyed the all videos.

I enjoyed typing along while you were explaining various elements. I believe the highlights of the series are the html pages you have created using different possibilities of a particular element or topic under discussion. I also liked the references you pointed out. (tetris svg was pretty cool).

Thanks!

Hey bob, Im a web designer trying to get into HTML, Iv'e finished all of you'r lessons and i have to say, THANK YOU! I feel as if you are my mentor and I'm on my quest for conquering the world wide web, from here on i know exactly what needs to be done, it's all possible thanks to you.
cheers from israel :)

Love you Bob.. You are most priceless living Gem in todays world after my kids :)

Thanks for this tutorials. I have watched all the episodes. A `have to see` for developpers. 

Now up to the tutorials Introduction Javascript. 

please explain the good developing skills like html html5 css css3 j scipt j query php what do u say?

on your vendor prefix list you specified "Chrome" as "-chrome-" ... isn't that suppose to be "-webkit-"?

otherwise... great tuts Bob!

Hi Mr.Bob! I really enjoyed the tutorials,it helped me a lot.
I appreciate you and your team for such a nice work. :)

Just a very worthwhile series. I started with the JavaScript first! May go back and review some of it. Thank you so much for such high quality presentation in teaching a tech subject. You have helped us all a lot.

It was really nice, I appreciate it.

Really enjoyed your series. Now I'm going to look for your Javascript Fundementals series. Thank You. I only wish I had an opportunity to have this tutorial when I first developed our web application.

Thanks for the series! Helped me get motivated to get better.

@ciupaz:For me I downloaded the high definition WMV Videos of this series , they were 2.68 GB only.

@BobTabor: It is You who have our sincerest respect ; mine and of all who finished watching this series. I really found this series helpful.

@ Microsoft: I really enjoyed this series .

Series is excellent and very helpful! Thank you!

I have been doing web design for years, but this helped with how to redesign.

Series was really great, thanks very much Bob for your efforts. For me this is THE definitive html/html5/css learning series on the internet today.

Absolutely loved this series as with all the videos you do Bob.

thank you very much Bob for this tutorial and for the extra references you give, it help me learn a lot and have a better undestanding about making web pages suitables for diferent browsers and devices. will beggin javascrip soon.

thank you very much Bob
you are very good movies and helpful
regards from Peru

Amazing series, inspired me to start doing website dev/maintenance for non-profits to hone my skills. My boss is even going to let me work on our company website. Thank you so much, this series is the jump off point for anyone looking to get into web development.

Thank you!!

Thank you Bob for this series.
It helps me a lot.

I'd like to congrats you for this work. It is really a great course in a very good lecture. It helped me a lot in this journey because we have lots of things available out there, but here I could for the first time to have really good concepts e a guide for next steps.

Once again, thank you very much, and be aware that I will indicate your work for everyone I can!

I feel really guilty taking classes as to speak and paying for them you and Microsoft have a true American spirit of educating dumb guys like me and lifting our knowledge of understanding C# and complicated developmental skills to a better understanding. Even in my college lab class the instructor does not communicate all the necessary functions of C# as well as you have. Thank you so much and may you be blessed by your gifts to all who seek understanding, John

I ment not paying for them. Sorry,John

haha~

Great tutorial! Thanks a lot.

Really nice lessons, enjoyed it a lot and learned so much!! Thank you.

I can't thank you, Bob, and Channel 9 enough for publishing this series. This is the second absolute beginners series I have have watched(C# was the first), and they are enormously helpful. Please keep up the good work!

@Holly: @funzeye: @Neil: @gaston: @Adolfo: @George Offley: @Luca: @Juliano: @Washerguy1: @naresh: @Josh: Thank you!  Best wishes in 2013 personally and in your career!

I’ve just finished your Channel 9 HTML5/CSS3 video series, which is terrific, but I had a couple of issues/questions, as follows:

1) In Lesson X, the second image does not float right against the right margin of the page. Instead, it floats right but uses the left margin of the first image as its right margin. I tried viewing it in several browsers, with the same result. I’m a little confused about that.
2) In Lesson 18, when you’re talking about the video element:
a. The poster did display when I refreshed the page, even though the file is on my local machine.
b. Also, can you put alt text on the video tag for 508 compliance?

As soon as I’m finished with this series, I’m going to go on to the JavaScript one, which is really what I want to get into.

Thanks for all of your help. These series are really great!

@Robin Gross: Hi Robin, I'll try to answer ... if you could help me out a bit and clarify, I can get you a better answer.

re: #1 ... which lesson?  10 maybe?  If you could point me to the video and the time mark like 05:24 (example) that would help me identify exactly why things aren't lining up as you might expect.

re: #2a ... here again, I may need a little more context.  If you could point me to the time marker where I discuss this, it would be really helpful.  thanks!

re: #2b ... No.  This link helps explain this better than I could:

http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/

Please follow up so I can address the other questions you had.  Glad you enjoyed the series!

Can anyone suggest some html5 animation video tutorials like these tutorials by Bob Taybor...

Thank you very much for putting the effort in making this series. Along my favourite tv series, this one, I find it the most fascinating and Enlightening. And yeah, after I finished, the way I was looking at webpages changed completely. It's like while browsing I just instinctively imagine how the code may looks like or how to accomplish that effect. And thanks for good advice about trying to reproduce webpages. At the beginning I was almost copying everything what was in the sourcecode, but after a week it is possible to write almost everything on your own. <3

Thank you for interesting resources to continue learning. Thanks to them I can learn through trying to copy websites without looking into source and trying to improve a particular website somehow, for example by changing them from no-responsive to fluid or adding some additional functionality. :) (actually I learnt my first 50$ that way, because some company has tables in its website made as image jpg and I wrote them email if I could fix it. They agreed and even asked if I want to work to them)

And the last important thing. Thanks to you, now my touch-typing skills can be used to something more productive than chatting. : )

If you know some other good resources as you presented in the video it would be nice if you posted them in the comments. ^.^

Yeah, while looking at other's websites a feel a bit confused. In html5 there are those wonderful tags like "cite", "article" and in most website made in html5 i see something like this:
div class="paragraph""
div class="header level 1"
div class="body"
div class="description"

Is it made only for styling purposes, or it is only just that people who created those websites just didn't feel like learning new standards of html5?

@Aleksander Moriarty: In HTML5, designers can still use those <div> elements and *technically* it will be ok -- by "technically" I mean if you run them through the HTML5 validator it will probably be fine.  However, they're not milking the true, semantic richness of HTML5 out of the language.  I can't speak to their motivations -- who knows why people do what they do -- however, I can tell you that "div-itis" is a sickness and you should refrain from it if possible.  <div>s have a purpose, but are generally being abused in order to create elaborate designs.

Thank you for your answer.

I have the last and quite unusual question. Is there any way to make pdf file from styled html5 file? I tried to make template css that I could make for writing some important documents for printing, like applications, or requests and it looks quite decent in my browser. This would very time saving because it make the document more consistent. Using software such us openoffice, libreoffice, I spent more time styling, figuring out why some line-spaces are bigger than the others, or why in bullet list some items has number in front of it. It would be great if there's some way to make pdf file out of html. : )

@Aleksander Morairty: I assume you mean "on the server side" ... as opposed to "on the client side".  On the server, you would have to purchase a PDF library that could be used from .NET / C#.  I know they exist, I know they are expensive, but I don't know who the major players are.  Some clever searches may reveal what you need.  Good luck!

Hello everyone,

I'm sending kudos for @BobTabor for this great share to the community. 

Now is Javascript time!

@JorgeRetamoza: Thanks!  Glad this helped!  Good luck with JavaScript!

Thank you @BobTabor. Great tutorial to start making website.

thank you JorgeRetamoza the series of HTML5 and CSS3 is very helpful .  

Hi,
Im not a web developer, so should i have alook at this series before the JavaScript one that you also do?

@Ewen: Yes, I'd recommend the HTML5 / CSS3 series first.  Good luck!

Thank you @BobTabor, So many things, it's like crystal clear. Ur so energetic, smart, good vocal and also interesting person. Wish u all success u desire as you expect than more.

Great Series. This is being really helpful. Now I will begin with JavaScript. Really excited!

BTW: Is that a binary clock back there??? So geek!

Olá, bom dia, boa tarde ou boa noite. Bons tutoriais para nós principiantes, eu particularmente aprendi muito, já que estou ainda a iniciar a aprendizagem em HTML5.

In few words, thank's for charing your skills and help us to learn more about! Thank's.

Mondlhane from Mozambique

I just finished with last lesson! I don't have words to explain how much you helped me! Thank you very much! I will continue with your Javascript series ofc! I have learned a lot! You are the best! I have one question. What you think about book "The CSS3 Anthology: Take Your Sites to New Heights" (fourth edition) by Rachel Andrew. I have that book and I just want to know is that book good for me to continue learning about css3 after this series. Thank you one more time. Best wishes from Serbia!

Bob,

I also finished your last lesson and thank you for your time and effort.

I realize you had a limit in terms of time and resources, but it would have been nice to end the lesson with a more intermediate level webpage walkthrough, similar to the one in Lesson 3, where the user actively types in code.

It also would have been nice to have this more contemporary page use one of the templates you listed in the "Where to Go from Here".

I'm a fan of your video series especially C#. Thank you so much! just what i've been looking for.

This was an amazing experience.

Thank you!

I finished this series and I am off to work on JavaScript Fundamentals. I completely agree with Omar4Hasan he hit the nail on the head. Bob, you were absolutely right about working along with you, it makes the concepts so much more understandable when you or I mess them up and see them work for one and not the other. You're funny too that helps.

I would have LOVED to see transitions and how to use them.

I am off to JavaScript, what a great day! 

Sorry I haven't kept up with replies on this particular page.  So ... to right a wrong ...

@omar4hasan: Thank you Omar, what a nice message!

@gabylies: Hope you enjoy the JS series ... and yes, that *is* a binary clock.  

@Mondlhane: Ah, very nice.  Hope all is well on your side of the world!

@nCo: Thank you for the kind words.  I have that book, but I didn't read it ... it seems to have a lot of good reviews on Amazon however.  I think its less important what book or resource you use as long as you use it / fully engage it.  Even a poorly written book can be helpful if you try out the examples yourself and use it as a starting point for your further exploration.  (But I generally wait tp purchase until I read a few reviews.  

@KrisTakagishi: Good thoughts, Kris.  Best wishes!

@Aaron: Awesome.  Glad it helped.

@Francois de Klerk: Thank you!

@Tombaugh: Thank you for the feedback and I'm glad the series was helpful.  Good luck with the JS series!

thank you so much. you have a very good teaching skill.

Bob,
Thanks for a great series. This was just what I needed as someone unfamiliar with HTML5 and CSS3.

Hi Bob

thanks for providing valuable classes for us. and I requesting you can pls provide the classes on ASP.NET,ADO.NET.

thanks
Nagi

thanks for the series, it was very helpful as a C#/WPF/Silverlight coder with little html/css experience.

I’m a bit older than your average web developer and I’m tweaking my career path. I was looking for an intro to VB and C# when I stumbled onto this one on HTML5 and CSS3. A lot has happened to the web since I last developed in 2003 and this was a great place to start. I will next watch the series on Javascript Fundamentals then on to VB and C#.

Thank you for making a great series available free on Channel 9. I WILL be signing up for your paid series on your website.

@amogh: @Suzanne: @nagireddy: @chris: Very cool, thank you!

@Charles: Awesome, let me know how I can help.  Best wishes!

Hi from Spain, I've just finished the last video and I would like to tell you that I have enjoyed and learnt a lot!!
I will continue with the JavaScript course. Moreover I'm practising english!!! Great!!

Thank you

PD: Could you speak slower?? (It's a joke)

@Francisco: Can you listen faster?    Just kidding ... glad you enjoyed the series and good luck!

Videos so wonderful, but I wish you could be translated into English to make more and for other languages

Thanks so much for these GREAT videos. Taking a course in HTML and CSS3. First time with both and new to web design. This was an excellent back-up for my training. Thanks SO MUCH!!

Thanks so much for these GREAT videos. Taking a course in HTML and CSS3. First time with both and new to web design. This was an excellent back-up for my training. Thanks SO MUCH!!

Brilliant course, thoroughly enjoyed it. Having looked at the CSS frameworks you mentioned, such as Bootstrap, they all appear to have Div-itas? How do you reconcile using these frameworks when you were so careful to articulate when and how we should be using <DIV> tags?

@Andy: Good question.  I justify it like this ... Bootstrap is meant to work on all browsers TODAY.  Tomorrow (in the future) as market share for browsers dwindle, and HTML5 & CSS3 is more common place, I would hope that Bootstrap would deprecate / refactor its implementation.

Also, from a practicality standpoint, I speak in terms of ideals.  To achieve more complex layouts, some DIVs are inescapable.  And, there's nothing wrong with the DIV per se ... it DOES have a semantic meaning in HTML5.  I don't think it should be your "go to tag" when in doubt ... I think that is what div-itis is addressing.

Check out this example page:

http://twitter.github.io/bootstrap/examples/hero.html

(View its source)

Clearly there are a lot of Divs and Spans around that top-most navigation area.  It has to be built using something, and I'm not sure there's a good semantic tag for all that stuff, like the drop down list, etc.

Below that, there are columns with a heading and text.  Perhaps there's something better for that, but it seems like a valid use of Divs in that case.

So, I agree with you (and with myself from this series) ... you should attempt to reduce the abuse of the div tag, but you're going to need it.  I wish I had a better answer.