HTML5 and CSS3
Helpful Posts About HTML5 and CSS3
HTML is the lingua franca of the web. Virtually all content on the web uses HTML. Yet people who write and edit content for web typically seek to avoid having to deal with HTML by using WYSIWYG (what you see is what you get) editors. While WYSIWYG editors can be convenient, and are often a reasonable way to edit content, they are also the source of much grief.
JeremyKeith gave a great talk at An Event Apart about design principles. Inthe talk, he shows how everything should start with goals, which thenlead to principles that reflect those goals, and finally result indesign patterns to implement them.
Inthe early days of CSS-based design, square corners were a hallmark ofdesigns that focused on simplicity of code, rather than visualaesthetics. Roundedcorners remained somewhat painful to use, however, until the emergenceof support for creating them using the border-radius property of CSS3.Now it takes only a few lines of simple CSS code to have nicely roundedcorners—as long as you can accept that many users will see square corners until they move on to more modern browsers.
A Book Apart, the young book-publishing arm of the organization behind A List Apart and An Event Apart, has just released CSS3 for Web Designers, by Dan Cederholm, as a guide to CSS3 from the "what's really useful right now" perspective. As with the company's first book, HTML5 for Web Designers, this orientation, combined with an expert author, takes a large, complex subject and reduces it to a small, readable book.
Videois becoming more and more popular as an element of web pages. With thefragmented technology standards, providing video that plays everywherecan be tricky. Fortunately, there's an assortment of solutions availablethat package up all the complexity and provide a single, integratesolution for video that just works.
HTML5includes a handful of new structural elements that are designed to makemarkup more meaningful. You can use these elements today; they don'treally do much, so browsers don't need to explicitly support them. Andit takes only a little trickery to make them work even in IE.
At its purest, the HTML5 video tag is a very simple. To deliver video that plays in Firefox and Safari, however, requires two different video formats, and you still need Flash for IE. Here's the code to make it happen.
Video on the web is a mess. Webstandards have never fully embraced video. Until HTML5, there was novideo element, so the only way to play video was to depend onplatform-specific software. HTML5 provides a video element, but you're going to need to provide video in multiple formats.
HTML5 has been receiving an extraordinary amount of attention, thanks in part to active support and promotion by Google, Apple, and Mozilla, among others. Despite its high profile, however, the HTML5 specification isn't even complete, much less officially blessed or broadly supported by browsers, and there are only a few pieces that are of immediate practical value.