HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - Channel 9 Want to learn a different language? Over the course of 21 episodes, our friend Bob Tabor from www.LearnVisualStudio.net will teach you the fundamentals of HTML5 & CSS3 programming. Tune in to learn concepts about web pages, CSS3 styles and HTML5 features. We'll walk you through getting the web prinicpals, writing code and much more! Each concept is broken into its own video so you can search for and focus on the information you need. Download the entire series source code. For more Absolute Beginner series click here Microsoft http://files.channel9.msdn.com/thumbnail/8cad82be-a0f5-4b45-82ec-74567b666b13.png HTML5 & CSS3 Fundamentals: Development for Absolute Beginners - Channel 9 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners Want to learn a different language? Over the course of 21 episodes, our friend Bob Tabor from www.LearnVisualStudio.net will teach you the fundamentals of HTML5 & CSS3 programming. Tune in to learn concepts about web pages, CSS3 styles and HTML5 features. We'll walk you through getting the web prinicpals, writing code and much more! Each concept is broken into its own video so you can search for and focus on the information you need. Download the entire series source code. For more Absolute Beginner series click here http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners en Thu, 20 Jun 2013 05:26:20 GMT Thu, 20 Jun 2013 05:26:20 GMT Rev9 21 1 100 Where to Go From Here - 21 In this final video, Bob provides a roadmap for topics that will help you take your newfound knowledge much further.  Topics include a short history of laying out web pages in HTML and CSS, current directions in web page layout with grid based and liquid—or rather, responsive—web design, mobile first design, and more. He lists a number of open source CSS frameworks and utilities, and finally a few books for more information.

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Where-to-Go-From-Here-21 In this final video, Bob provides a roadmap for topics that will help you take your newfound knowledge much further.  Topics include a short history of laying out web pages in HTML and CSS, current directions in web page layout with grid based and liquid—or rather, responsive—web design, mobile first design, and more. He lists a number of open source CSS frameworks and utilities, and finally a few books for more information. 1144 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Where-to-Go-From-Here-21 Mon, 30 Jul 2012 18:58:26 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Where-to-Go-From-Here-21 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 86 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Where-to-Go-From-Here-21/RSS CSS 3 HTML5 Working with SVG in HTML5 - 20 Scalable Vector Graphics, or SVG, has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. SVG allows you to define vector shapes using XML, and these shapes can even be styled with CSS and scripted with JavaScript. In this video, we demonstrate how to use an exported SVG document from Adobe Illustrator in a web page using the img tag as well as embedding the code directly in an HTML5 page. Finally, we show how to add interactivity to an SVG image using JavaScript.

 

Download the source code for Working with SVG in HTML5

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-SVG-in-HTML5-20 Scalable Vector Graphics, or SVG, has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. SVG allows you to define vector shapes using XML, and these shapes can even be styled with CSS and scripted with JavaScript. In this video, we demonstrate how to use an exported SVG document from Adobe Illustrator in a web page using the img tag as well as embedding the code directly in an HTML5 page. Finally, we show how to add interactivity to an SVG image using JavaScript.   Download the source code for Working with SVG in HTML5 812 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-SVG-in-HTML5-20 Mon, 30 Jul 2012 18:58:20 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-SVG-in-HTML5-20 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 2 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-SVG-in-HTML5-20/RSS CSS 3 HTML 5 SVG Working with the HTML5 Canvas - 19 The HTML5 Canvas allows JavaScript savvy developers to draw bitmapped images directly into HTML5 web pages.  This video provides a simple example in order to show how this works at a high level, reviewing the process of drawing on the canvas via JavaScript.

 

Download the source code for Working with the HTML5 Canvas

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-the-HTML5-Canvas-19 The HTML5 Canvas allows JavaScript savvy developers to draw bitmapped images directly into HTML5 web pages.  This video provides a simple example in order to show how this works at a high level, reviewing the process of drawing on the canvas via JavaScript.   Download the source code for Working with the HTML5 Canvas 496 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-the-HTML5-Canvas-19 Mon, 30 Jul 2012 18:58:13 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-the-HTML5-Canvas-19 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 1 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-the-HTML5-Canvas-19/RSS HTML5 Embedding Video in HTML5 - 18 In this video we dive back into HTML5 and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your web pages. We discuss the various options available, as well as the necessary codecs required to make it all work.

 

Download the source code for Embedding Video in HTML5

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Embedding-Video-in-HTML5-18 In this video we dive back into HTML5 and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your web pages. We discuss the various options available, as well as the necessary codecs required to make it all work.   Download the source code for Embedding Video in HTML5 796 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Embedding-Video-in-HTML5-18 Mon, 30 Jul 2012 18:58:06 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Embedding-Video-in-HTML5-18 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 2 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Embedding-Video-in-HTML5-18/RSS HTML5 Working with CSS3 Font-Face - 17 Designers rely on typography to communicate and emote along with the message of the text itself.  The font-face is just one more tool that designers can use to widen the prospective array of typefaces that are accessible in HTML5 web pages.

 

Download the source code for Working with CSS3 font-face

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-CSS3-Font-Face-17 Designers rely on typography to communicate and emote along with the message of the text itself.  The font-face is just one more tool that designers can use to widen the prospective array of typefaces that are accessible in HTML5 web pages.   Download the source code for Working with CSS3 font-face 674 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-CSS3-Font-Face-17 Mon, 30 Jul 2012 18:57:58 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-CSS3-Font-Face-17 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 2 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-CSS3-Font-Face-17/RSS HTML5 CSS3 Box Properties - 16 This lesson makes the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model and this lesson provides that background as well as an overview of the CSS3 properties for properly styling block-style elements.

Download the source code for CSS3 Box Properties

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Box-Properties-16 This lesson makes the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model and this lesson provides that background as well as an overview of the CSS3 properties for properly styling block-style elements. Download the source code for CSS3 Box Properties 1118 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Box-Properties-16 Mon, 30 Jul 2012 18:57:51 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Box-Properties-16 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 8 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Box-Properties-16/RSS HTML5 CSS3 List and Table Properties - 15 In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, you learn various properties exposed by CSS3 that allow you to provide a professional style to your Lists and Tables.

 

Download the source code for CSS3 List and Table Properties

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-List-and-Table-Properties-15 In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, you learn various properties exposed by CSS3 that allow you to provide a professional style to your Lists and Tables.   Download the source code for CSS3 List and Table Properties 550 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-List-and-Table-Properties-15 Mon, 30 Jul 2012 18:57:43 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-List-and-Table-Properties-15 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 5 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-List-and-Table-Properties-15/RSS CSS 3 CSS3 Color and Background Properties - 14 You can easily modify the colors and backgrounds of various HTML5 elements using CSS3 and this lesson demonstrates how, starting with the various ways you can define a color in CSS and expanding to how to set background images with alignment, tiling, and more.

 

Download the source code for CSS3 Color and Background Properties

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Color-and-Background-Properties-14 You can easily modify the colors and backgrounds of various HTML5 elements using CSS3 and this lesson demonstrates how, starting with the various ways you can define a color in CSS and expanding to how to set background images with alignment, tiling, and more.   Download the source code for CSS3 Color and Background Properties 387 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Color-and-Background-Properties-14 Mon, 30 Jul 2012 18:57:17 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Color-and-Background-Properties-14 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 3 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Color-and-Background-Properties-14/RSS CSS 3 CSS3 Font and Text Properties - 13 In this lesson we focus on the CSS properties specific to modifying font and text properties on HTML5 web pages. Tune in for a discussion about font-family stacks, common units used for defining relative and absolute sizes, the various font-related modifiers, and much more.

 

Download the source code for CSS3 Font and Text Properties

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Font-and-Text-Properties-13 In this lesson we focus on the CSS properties specific to modifying font and text properties on HTML5 web pages. Tune in for a discussion about font-family stacks, common units used for defining relative and absolute sizes, the various font-related modifiers, and much more.   Download the source code for CSS3 Font and Text Properties 608 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Font-and-Text-Properties-13 Mon, 30 Jul 2012 18:57:04 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Font-and-Text-Properties-13 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 1 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/CSS3-Font-and-Text-Properties-13/RSS CSS 3 Understanding Cascading Style Sheets - 12 In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 web page. This lesson picks up where that lesson left off by discussing the basics of CSS as well as how you can define styles and target certain elements of your HTML5 web pages using selectors.

Download the source code for Understanding Cascading Style Sheets

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-Cascading-Style-Sheets-12 In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 web page. This lesson picks up where that lesson left off by discussing the basics of CSS as well as how you can define styles and target certain elements of your HTML5 web pages using selectors. Download the source code for Understanding Cascading Style Sheets 2606 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-Cascading-Style-Sheets-12 Mon, 30 Jul 2012 18:56:56 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-Cascading-Style-Sheets-12 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 8 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-Cascading-Style-Sheets-12/RSS CSS 3 Form Validation and Other Future HTML5 Form Enhancements - 11 This video looks toward new HTML5 form features used in Internet Explorer 10 and later. First up is a look at using new input elements and attributes for creating richer forms. Bob then demonstrates how built-in validation works and how it can reduce the amount of JavaScript required by web pages hosting forms.

Download the source code for Form Validation and Other Future HTML5 Form Enhancements

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Form-Validation-and-Other-Future-HTML5-Form-Enhancements-11 This video looks toward new HTML5 form features used in Internet Explorer 10 and later. First up is a look at using new input elements and attributes for creating richer forms. Bob then demonstrates how built-in validation works and how it can reduce the amount of JavaScript required by web pages hosting forms. Download the source code for Form Validation and Other Future HTML5 Form Enhancements 1236 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Form-Validation-and-Other-Future-HTML5-Form-Enhancements-11 Mon, 30 Jul 2012 18:56:49 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Form-Validation-and-Other-Future-HTML5-Form-Enhancements-11 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 11 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Form-Validation-and-Other-Future-HTML5-Form-Enhancements-11/RSS HTML 5 IE 10 Creating Forms - 10 This lesson demonstrates how to add a rudimentary level of interactivity to your web pages by allowing users to input information via forms. We'll look at over a dozen examples of common form elements allowing us to guide the user to input high-quality data.

Download the source code for Creating Forms

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Forms-10 This lesson demonstrates how to add a rudimentary level of interactivity to your web pages by allowing users to input information via forms. We'll look at over a dozen examples of common form elements allowing us to guide the user to input high-quality data. Download the source code for Creating Forms 1647 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Forms-10 Mon, 30 Jul 2012 18:56:37 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Forms-10 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 13 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Forms-10/RSS HTML5 Creating Tables - 09 The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. This lesson demonstrates the many different ways to structure tabular data in HTML5, including headers, rows, columns, footers, column groups, and more.

Download the source code for Creating Tables

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Tables-09 The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. This lesson demonstrates the many different ways to structure tabular data in HTML5, including headers, rows, columns, footers, column groups, and more. Download the source code for Creating Tables 780 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Tables-09 Mon, 30 Jul 2012 18:56:31 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Tables-09 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 4 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Tables-09/RSS HTML5 Working with Lists - 08 We've already used a few list style tags in our HTML5 pages, but now we'll learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and using lists to create navigation—a popular technique in web development.

Download the source code for Working with Lists

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Lists-08 We've already used a few list style tags in our HTML5 pages, but now we'll learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and using lists to create navigation—a popular technique in web development. Download the source code for Working with Lists 930 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Lists-08 Mon, 30 Jul 2012 18:56:22 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Lists-08 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 2 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Lists-08/RSS HTML5 Working with Figures and Images - 07 This lesson demonstrates how to include images as well as whole figures with captions in your HTML5 web pages.

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Figures-and-Images-07 This lesson demonstrates how to include images as well as whole figures with captions in your HTML5 web pages. 419 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Figures-and-Images-07 Mon, 30 Jul 2012 18:56:11 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Figures-and-Images-07 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 4 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Figures-and-Images-07/RSS HTML5 Defining the Structure of Your Document - 06 Moving beyond the text, this lesson discusses how to give semantic meaning to the various elements of a web page using header, footer, aside, nave, h1 through h2, article, section, and more.

Download the source code for Defining the Structure of Your Document

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Defining-the-Structure-of-Your-Document-06 Moving beyond the text, this lesson discusses how to give semantic meaning to the various elements of a web page using header, footer, aside, nave, h1 through h2, article, section, and more. Download the source code for Defining the Structure of Your Document 1218 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Defining-the-Structure-of-Your-Document-06 Mon, 30 Jul 2012 18:56:04 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Defining-the-Structure-of-Your-Document-06 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 1 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Defining-the-Structure-of-Your-Document-06/RSS HTML 5 Working with Paragraphs and Text - 05 In this lesson, Bob discusses the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more.

Download the source code for Working with Paragraphs and Text

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Paragraphs-and-Text-05 In this lesson, Bob discusses the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. Download the source code for Working with Paragraphs and Text 2938 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Paragraphs-and-Text-05 Mon, 30 Jul 2012 18:55:49 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Paragraphs-and-Text-05 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 34 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Working-with-Paragraphs-and-Text-05/RSS HTML5 Understanding the HTML5 You Wrote - 04 In Lesson 2, you worked with Bob to create a semantically correct HTML5 page. But Bob didn't spend much time explaining each individual element—its purpose, your options, etc. That process begins in this lesson as he talks about what makes HTML5 special, the purpose for things like DOCTYPE, meta tags, charset, UTF-8, html, why "semantics" is important, the head and body tags, and more.

Download the source code for Understanding the HTML5 You Wrote

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-the-HTML5-You-Wrote-04 In Lesson 2, you worked with Bob to create a semantically correct HTML5 page. But Bob didn't spend much time explaining each individual element—its purpose, your options, etc. That process begins in this lesson as he talks about what makes HTML5 special, the purpose for things like DOCTYPE, meta tags, charset, UTF-8, html, why "semantics" is important, the head and body tags, and more. Download the source code for Understanding the HTML5 You Wrote 1525 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-the-HTML5-You-Wrote-04 Mon, 30 Jul 2012 18:55:39 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-the-HTML5-You-Wrote-04 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 39 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Understanding-the-HTML5-You-Wrote-04/RSS HTML5 Styling Your First HTML5 Web Page with CSS3 - 03 Now that you've built a semantically well-structured and marked-up HTML5 web page, you'll apply a CSS3 style sheet to give the new page a simple but attractive appearance.

 
Download the source code for Styling Your First HTML5 Web Page with CSS3

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Styling-Your-First-HTML5-Web-Page-with-CSS3-03 Now that you've built a semantically well-structured and marked-up HTML5 web page, you'll apply a CSS3 style sheet to give the new page a simple but attractive appearance.  Download the source code for Styling Your First HTML5 Web Page with CSS3 1761 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Styling-Your-First-HTML5-Web-Page-with-CSS3-03 Mon, 30 Jul 2012 18:55:21 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Styling-Your-First-HTML5-Web-Page-with-CSS3-03 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 138 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Styling-Your-First-HTML5-Web-Page-with-CSS3-03/RSS HTML5 Creating Your First HTML5 Web Page - 02 Warm up your keyboard and get ready to work. In this lesson—an important foundation for the series as a whole—you'll be fully immersed in what it takes to build an HTML5 web page, including the utilization of HTML5 structural elements in a real scenario.

Download the source code for Creating Your First HTML5 Web Page

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Your-First-HTML5-Web-Page-02 Warm up your keyboard and get ready to work. In this lesson—an important foundation for the series as a whole—you'll be fully immersed in what it takes to build an HTML5 web page, including the utilization of HTML5 structural elements in a real scenario. Download the source code for Creating Your First HTML5 Web Page 2114 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Your-First-HTML5-Web-Page-02 Mon, 30 Jul 2012 18:55:02 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Your-First-HTML5-Web-Page-02 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 116 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Creating-Your-First-HTML5-Web-Page-02/RSS HTML5 Series Introduction - 01 In this first lesson, Bob sets expectations and provides a brief overview of the upcoming series.

Download the entire series source code.

]]> http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Series-Introduction-01 In this first lesson, Bob sets expectations and provides a brief overview of the upcoming series. Download the entire series source code. 620 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Series-Introduction-01 Mon, 30 Jul 2012 18:54:49 GMT http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Series-Introduction-01 Clint Rutkas, Bob Tabor, Golnaz Clint Rutkas, Bob Tabor, Golnaz 84 http://channel9.msdn.com/Series/HTML5-CSS3-Fundamentals-Development-for-Absolute-Beginners/Series-Introduction-01/RSS CSS 3 HTML 5