The document discusses HTML5 and CSS3 for bloggers, explaining that HTML5 introduces new semantic elements and APIs while CSS3 adds new selectors and capabilities for borders, backgrounds, fonts, and transforms. It also recommends learning HTML5 and CSS3 to gain more control over blog customization and reduce the need for plugins like Flash. The document provides resources for learning more about HTML5, CSS3, and web development.
2. Why should you care about this
stuff?
Have you ever authored a blog post that you wanted more control over?
Do you use a blog engine (or CMS), such as WordPress, Orchard, Drupal or
others and would like to customize the theme?
3. HTML is Born
The Internet may have been created by Al Gore…
(not actually true)
But HTML was developed by Sir Tim Berners-Lee
4. Structured Markup
HTML is a set of instructions that help a browser render content in a desired
way.
Generally speaking, those instructions begin with a less than sign < and end
with a greater than sign >. In between the signs, you’ll find an instruction
keyword called an HTML tag.
All instructions can be written in full form such as <foo></ foo>. Notice that
the ending tag contains a forward slash. This helps to indicate that it is a
closing tag.
Some tags can have nested tags and/or content such as <foo>bar</ foo>.
6. What’s New in HTML 5?
New Semantic Elements
(article, aside, audio, canvas, figure, footer, header, nav, video, section, etc.)
New Attributes (i.e.: Textbox types for calendar, date, email, tel, time, url, etc.)
New APIs (audio, video, graphics, history, location, Web Sockets, etc.) which
should reduce the need for plug-ins (i.e.: Flash, Silverlight, etc.) and browserspecific implementations.
Local (“offline”) storage
7. CSS and What’s New in CSS3?
Cascading Style Sheets (CSS) allow control over the style of the content.
Style can be inline or in an external file that is referenced.
The style follows cascading rules with the most general rules located at the
top of the file (regardless of whether it is inline or external).
So what’s new? A lot. New selectors, improved border and background
capabilities, font capabilities, multi-column capabilities, 2D/3D
transforms, page media, etc.
Keep away from browser prefixes (i.e.: -moz, -webkit, -ms)