background preloader

HTML5 presentation

http://apirocks.com/html5/html5.html#slide1

The Future of Web Content – HTML5, Flash & Mobile Apps Editor’s note: This is a guest post written by Jeremy Allaire, founder and CEO of Brightcove. Prior to Brightcove, Jeremy founded Allaire Corporation which was subsequently acquired by Macromedia due to the success of their web development tool ColdFusion. At Macromedia, Jeremy helped create the Macromedia MX (Flash) platform. You can see a recent interview of Jeremy here. As one of the guys who helped build the Flash Platform, we asked him to weigh in on the recent HTML5 v. Flash debate.

HTML5 structure - DIV, SECTION, ARTICLE A weblog article Weblog article TitleContent… In HTML4 we’d probably wrap the article in <div class="article"> etc. Will Apple Embrace the Web? No. I've been meaning to write this for some time, and for all the time I delayed the more poignant the point I wanted to make started to become as new news came out further solidifying my angle. When I begun writing this article the iPad had not yet been revealed, iPhone OS 4 was not on the map and Apple had not yet purchased Lala. You've probably just noticed that all of these events in fact point toward Apple embracing the web more and in this article I will point out why this is not the case because I believe Apple's agenda here is similar to something we've already seen in recent history.

HTML5 enabling script 7 Jan Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I’ve quickly put together a mini script that enables all the new elements. Download html5shiv.js and must be inserted in the head element (this is because IE needs to know about the element before it comes to render them – so it can’t sit in the footer of the page, i.e. below the elements in question). I’ve updated this post to link to Alexander Farkas’s version of the shiv – it’s the very latest and my simple one line script. The one I originally released was (I thought) beautifully small, but didn’t support print styles nor dynamic injection of HTML5 elements.

Coding A HTML 5 Layout From Scratch Advertisement HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. 5 Exciting Things to Look Forward to in HTML 5 HTML 5 is the upcoming major revision of the HyperText Markup Language (HTML), the main method of marking up content for sharing on the World Wide Web. HTML's development stopped at HTML 4.01 in 1999, and since then web content has evolved so much that current HTML specifications are inadequate for today's requirements. HTML 5 aims to improve HTML's interoperability and address the growing demand for more diverse and complex web content. It also addresses HTML 4's lacking features for web applications.

CSS3 toggle-button without JavaScript With the rise of Retina displays people are looking for resolution independent alternatives to PNG icons. Some fell in love with font-icons, some are shouting “SVG”. But I’m sorry, if you’re looking for a silver bullet, I’m afraid it doesn’t exist. Let’s take a closer look at our options: CSS3 Tutorials to Brighten Up Your Day - Noupe Design Blog Jan 25 2011 As we all know, a lot of complicated CSS code snippets had to be used back then when you simply wanted to achieve a rounded corner, and even had to use JavaScript for simple animations. But since the coming out of CSS3, life has become a lot easier. How To Use CSS3 Pseudo-Classes Advertisement CSS3 is a wonderful thing, but it’s easy to be bamboozled by the transforms and animations (many of which are vendor-specific) and forget about the nuts-and-bolts selectors that have also been added to the specification. A number of powerful new pseudo-selectors (16 are listed in the latest W3C spec1) enable us to select elements based on a range of new criteria.

HTML 5: The new HTML kid on the block! - viralpatel.net Hope you all have heard that behind-the-scene progress of the new version of HTML, is cruising through. There are some good news for those preachers of web standards who give importance to the semantically correct web. With the the new version of HTML (HTML 5), still gazing towards the recommendation stage (the specification is not yet complete and it would take few more years), there are some wonderful elements/tags that are going to make HTML coding more sensible and structured business. These tags are specifically implemented for giving more semantically correct containers while coding HTML. Also there are many exciting features that comes with this new kid on the block, like more control over forms (web forms 2.0) and much more. These new additions are really gonna rock, and it really would be fun coding in the new version .

Useful HTML5 &amp; CSS3 Toolbox For Web Developers / HTML 5 / Splashnology - Web Design and Web Technology Community inShare0 HTML5 and CSS3 are really revolutionizing web development and web design, because they are bringing so many new features to work with to the fields. In this article you’ll be able to find some great tools, cheat sheets and much more you could need to master these new features. Here we present you, a list HTML5 tutorials and techniques that you can’t miss if you are a web developer. Five Useful Interactive CSS/jQuery Techniques Deconstructed - Smashing Magazine Advertisement With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. In this article, we’ll walk through five interactive techniques that you can start using right now. We’ll cover: Besides learning how to accomplish these specific tasks, you’ll also master a variety of useful CSS and jQuery tricks that you can leverage when creating your own interactive techniques.

CSS Terms and Definitions Thanks to yesterday’s article on Smashing Magazine wherein I covered the use of !important in CSS, my eyes were opened to a small but significant terminology discrepancy. The article used the phrase “the !important CSS declaration” in reference to the word “important” that appears with a preceding exclamation point at the end of a line of CSS.

Related: