When can I use... Support tables for HTML5, CSS3, etc CSS3 Cheat Sheet (PDF) Advertisement Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the main features of CSS 3 in a handy, printable reference card. So we asked our friend Chris Hanscom from Veign.com (who created the HTML 5 cheat sheet) to create a quick reference card for CSS 3. We already encouraged you to experiment with CSS 3 in our last posts and now you can use this handy cheat sheet to use the new CSS 3 features in some modern browsers (Firefox 3.5, Opera 9.6, Safari 3+, Google Chrome and Co.). The result is a printable CSS 3 scrib sheet, created and released exclusively for the readers of Smashing Magazine. The cheat sheet was done in the same format as the CSS 2 Reference Guide that you may want to use for your projects as well. Thank you very much, Chris Hanscom!
Flash Journalism HTML5 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the W3C technical reports index at This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation. This document was produced by a group operating under the W3C Patent Policy.
Dive Into HTML5 Keyboard shortcuts - Gmail Help Save time navigating in Gmail by using keyboard shortcuts. Important: Keyboard shortcuts aren't supported by all languages or keyboards. Turn on keyboard shortcuts On a computer, go to Gmail. In the top right, click Settings See all settings. Click Settings. Open keyboard shortcuts dialogue: To open the Keyboard shortcuts dialog, press the question key (Shift + slash). Shortcuts you can use You can use keyboard shortcuts to navigate your inbox and messages, format text, and complete actions like archiving and deleting. To see a complete list of keyboard shortcuts, including which need to be turned on, type ? Tip: Keyboard shortcuts work differently on PC and Mac computers. Compose & chat Formatting text Actions Important: These shortcuts won't work unless keyboard shortcuts are turned on. Jumping Important: These keyboard shortcuts won't work unless keyboard shortcuts are turned on. Threadlist selection Navigation Application Customize keyboard shortcuts Step 1: Turn on custom keyboard shortcuts
How to Embed RSS Feeds into HTML Web Pages - The Easy Way Learn how to embed and add RSS news feeds in HTML websites without any complex programming. This is a simple Javascript based solution made possible using Google Gadget Creator. Q. Yugalkishore is looking for a simple solution to help him embed RSS feeds from Reuters website into his HTML web pages. A. While there are tons of scripts that convert RSS feeds into Javascript*, I recommend using Google Gadget Creator for adding feeds to web pages – it’s easy as well as customizable. *If you are looking for a non-Javascript solution, get one of these Flash based RSS widgets from Yourminis or WidgetBox. Step 1: Copy the URL of that RSS feed to the clipboard (make sure you copy the location of the feed, not the website). Step 2: Append the feed URL to this string- Confused ? Step 3: Open this new link in your web browser, adjust the dimensions of the gadget, change the border color and finally click "Get the Code" button.
Coding A HTML 5 Layout From Scratch - Smashing Magazine Embed Audio and Video in HTML 5 Pages In Lesson 1 and Lesson 2 of our HTML 5 tutorial, we looked at some new structural tags you can use to help eliminate the “div-soup” of HTML 4.x layouts, as well as some other semantic tags to help give your pages easy-to-parse dates, metadata and captioned images. Now it’s time to take a look at what might be the most-hyped part of the HTML 5 specification — the audio and video tags. Video’s a tough nut to crack Currently, the only way to reliably embed video on a web page so that all users can see it regardless of browser or operating system, is with Flash. This requires the Adobe Flash plugin and a combination of the <object>and <embed> tags. Most users have the Flash plugin installed already (actually, something like 95% of web-connected users have some version of it), but proponents of HTML 5 are pushing for an open video standard that doesn’t require any plugins. Unfortunately, video isn’t that simple. That was the idea that was proposed, anyway. Using the <video> tag Conclusion