HTML5

Facebook Twitter
My Gartner
An Introduction to Content Security Policy An Introduction to Content Security Policy The web’s security model is rooted in the same origin policy. Code from https://mybank.com should only have access to https://mybank.com’s data, and https://evil.example.com should certainly never be allowed access. Each origin is kept isolated from the rest of the web, giving developers a safe sandbox in which to build and play. In theory, this is perfectly brilliant. In practice, attackers have found clever ways to subvert the system.
Dentsu Network

Tumult Hype

Tumult Hype Tumult Hype tries hard to deliver 100% fidelity across all browsers. Yes, that even includes IE 6! When there are no good fallbacks, Tumult Hype warns about browser incompatibilities in the inspector and at export time, so you’re never caught by surprise. Tumult Hype outputs state of the art HTML5, CSS3 styles, and JavaScript. Built-in support for HTML5 audio and video allows for creating multimedia experiences. Tumult Hype strives to always adopt cutting edge features, like blurring, hue shifts, box shadows, reflection, and 3D transformations.
Animatable | Create HTML5 / CSS3 animations and advertising Dear friends of the web, We're truly sorry to inform you that Animatable is no longer being developed. We were ridiculously excited by about our vision (and development to date) for the product, but unfortunately due to each of our personal responsibilities – being many client projects, running of our own businesses, writing, and speaking events – we just haven't managed to give Animatable the time it so needs and deserves. The last thing we want to do, is to release a sub-standard product to you, as we know just how important this would be to your workflow. Our apologies, and best wishes, Andy, Dan, Mircea, and Naomi Animatable | Create HTML5 / CSS3 animations and advertising
Safari HTML5 Canvas Guide: Modifying the Canvas with CSS Because the canvas is an HTML element, you can use CSS styles to modify its position, assign it a background color or image, add a border, and so on. In Safari and other WebKit-based browsers, you can use WebKit transitions to smoothly animate changes in CSS properties. Because the canvas can have a transparent background, you can use CSS to create animated graphics that roam freely across the webpage. Safari HTML5 Canvas Guide: Modifying the Canvas with CSS

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Save time. Create with confidence. ★ Analytics, icons, and more
HTML5 video The HTML5 draft specification introduced the video element for the purpose of playing videos or movies,[1] partially replacing the object element. HTML5 video is intended by its creators to become the new standard way to show video on the web without plugins, but has been hampered by lack of agreement as to which video formats should be supported in web browsers. History of <video> element[edit]

HTML5 video

Creating HTML5-Ready Video > Presenting HTML5 Video with Dreamweaver CS5 Creating HTML5-Ready Video > Presenting HTML5 Video with Dreamweaver CS5 Next, you need to prepare the video that you'll embed using the HTML5 Pack. Two video formats are supported by HTML5: H.264 and Ogg Theora. Both are compression formats; that is, they take uncompressed video files (from formats such as QuickTime's MOV or Microsoft's WMV) and reduce their size by using technology that eliminates unnecessary digital video data. Here's an easy-to-grasp example: A video that has a clear blue background behind every frame can be compressed so that the data that defines the background is saved only once and applied to every frame, reducing file size without reducing the image quality of the video.
on May 28 in Software, Tips and Tricks by laurence Having just bought my own iPad, I can say that video really does look good played back on this larger screen. However, despite the fact that Apple (and everyone else, for that matter) seems to be focusing on its ability to play back high-definition video, it seems as though we’ve overlooked the fact that it’s a 4:3 screen. I see that there are a number of sites offering advice on how to encode video for use on an iPad, but all of these seem to be using 1280×720 as their baseline – which will playback letterboxed and downscaled. Using Adobe Media Encoder to create iPad video – short form video Using Adobe Media Encoder to create iPad video – short form video
Watch the video iPhone, iPad, Android, Blackberry 6 and Desktop all supported. What is it?

PhotoSwipe

PhotoSwipe
Adobe Labs release Wallaby Flash to HTML5 converter : Suburbia Adobe have released an interesting experimental tool called 'Wallaby' over on Adobe Labs. It's basically an app that tries to convert Flash FLA source files into 'HTML5' compatible animations. Note I'm using 'HTML5' in quotes as usage of the term here is more in the overall grouping of HTML5 and related technologies such as CSS3, JavaScript / jQuery, SVG etc. It's worth reading over the Release Notes to get an idea of the current limitations, the biggest issues at the moment being WebKit browser support only and no conversion of actionscript or sound within FLAs. I just happened to be playing around with Flash this morning messing around doing a little shape tweening with a couple of symbols I found over on The Noun Project website so I thought I'd use that FLA file and see how Wallaby coped with it. Adobe Labs release Wallaby Flash to HTML5 converter : Suburbia
Today Adobe published on their Adobe Labs website a public preview of a new application called Edge, which is described in their own words as: "Adobe® Edge Preview is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3." Having previously done a little comparison between the output contents and file size of their previously released Wallaby 'Flash to HTML5' conversion tool and that of Flash itself then I thought it would be good to do the same thing for Edge. However, the problem at the moment is - being only the first preview release - Edge has a fairly limited featureset with animation methods such as rotation, location (X / Y axis movement), opacity, scaling and skewing. Essentially some of the basic animation tools that you'd find in Flash. My thoughts on Adobe Edge : Suburbia
John Nack on Adobe : Adobe demos Flash-to-HTML5 conversion tool Adobe demos Flash-to-HTML5 conversion tool Where there’s pain, there’s opportunity. Pre-Adobe, I made my living building rich, Flash-intensive sites for Gucci, Coca-Cola, Nike, and other big brands. Doing that job today, I’d be in a jam: How could I create rich experiences that run on desktops (where Flash is the obvious, consistent (cross-browser/-platform) choice) and on iOS devices where Flash isn’t allowed?
Adobe Edge: What You Need to Know Adobe released a preview of its upcoming Adobe Edge software Monday morning. But what exactly is this new program, and why are web developers so excited about it? Here's what you need to know.
The Adobe USA site has been optimized for users within the United States. If you live outside the U.S., we recommend that you visit your local site for the most relevant information, including pricing, promotions, and local events. United States

Wallaby | Adobe Flash FLA to HTML

Tutorial - Download youtube video easy way
Overview HTML5 is the fastest growing web development trend and HTML5 video as a part of HTML5 becomes the new natural way to show video online. iPad, iPhone, Android, all new browsers declare the support for HTML5 video. It's great, but what is the usual route to create HTML5 video? First you need to find converters and make three versions of your video - .OGG, MP4, WebM.

Easy HTML5 VIDEO application