CSS 3

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…

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

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…

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…

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…

In this first lesson, Bob sets expectations and provides a brief overview of the upcoming series. Download the entire series source code.

Today's Metro Monday project is a little help getting you going in writing a HTML5/JavaScript Metro game. This kit provides a number of game writing examples without being overwhelming or over the top in complexity. MetroGameKitSpace Cadet is a Windows 8 Metro Style App developed using HTML5 and…

In this video, we take a look at the Internet Explorer 10 on the Windows 8 Release Preview and the improvements made in performance, touch-first experiences, and HTML5 standards-based adaptive layouts. We explore three new demos available on IETestDrive.com today. The first demo, Chalkboard…

In this episode, Mads Kristensen returns to show extensions he wrote to make Web development easier. Mads shows us what's new in the Image Optimizer and how the Web Essentials extension provides a number of features that help you write Web apps faster. He also previews a new extension: CSSCop, which…

Project Silk from the patterns & practices team provides guidance for building cross-browser web applications that use rich graphics, interactivity, and a responsive user interface (UI) to enable an immersive and engaging user experience (UX). These applications use the latest web…