Found 493 results for “html5”
-
Adding captions and subtitles to HTML5 video
This article is also available on MDN. With the introduction of the <video> and <audio> elements to HTML5, we finally have a native way to add video and audio to our websites. We also have a JavaScript API that allows us to interact with this media content in different ways, be it writing our own […]
-
Web Activities – Firefox OS: the platform HTML5 deserves
In the sixth video of our “Firefox OS – the platform HTML5 deserves” series (the previous five videos are published here) we talk about how Web Activities allow you as a developer to access parts of the hardware without having to package your app. Check out the video featuring Chris Heilmann (@codepo8) from Mozilla and […]
-
A tale of a CSS3 Animation Demo
Once upon a time, there was this good hearted web developer, who was everyday worried about learning new cool things and trying new crazy stuff his browser could barely be able to do. Also, there were some giants, working hard to increase the power of the magic web, allowing all the peoples to live, code, […]
-
The making of a hack – Media Query Mario
Like any developer, I love any shiny new tech demo that finds its way into my browser; some of the things people are putting together absolutely blows my mind with the level of creativity and technical skill on show. After attending WebDevConf 2012 in mid October, I felt the usual heightened sense of inspiration that […]
-
Popcorn Maker 1.0 released – how it works
This week Mozilla is in London at the Mozilla Festival 2012. A year ago at last year’s Festival, we released Popcorn.js 1.0, and with it a way for filmmakers, journalists, artists, and bloggers to integrate audio and video into web experiences. Popcorn has since become one of the most popular ways to build time-based media […]
-
Introducing Firefox Development Highlights
We know he have a lot of readers out there interested in the Open Web and its capabilities, and part of that is to see the latest additions and implemented features in Firefox. Therefore, we’re introducing Firefox Development Highlights here at Mozilla Hacks. Introduction The purpose of this post is to highlight some of the […]
-
Making the Dino roar – syncing audio and CSS transitions
It started with Brian King setting up our Google+ page using this round MDN logo by John Slater. I thought this looks cool and reminded me of the famous MGM intro so I wondered if I could turn it into an intro for our video tutorials (not sure if we will do that though). And, […]
-
Interview: Nikhil Suresh on Building His Winning Canvas Demo
Editor’s Note: Back in November, Nikhil Suresh (@nklsrh2) from Sydney, Australia, won the MDN Developer Derby with his distinctive, non-violent 2-person shooter game Bouncy and the Apple. We thought it’d be fun to learn a little more about Nikhil and what inspires him. Congratulations Nikhil, and thanks for your thoughtful words about Mozilla. We’re honored […]
-
Overview and demos of HTML5 Forms input types, attributes and elements
One of the major parts of HTML5 is offering new semantics for HTML code and also to ease the most common tasks for web developers and end users alike. Making forms easier and better is one of those main goals. With HTML5 Forms we get things like: New input types New attributes New elements In […]
-
WebGL Draft Released Today
Even without a draft specification of WebGL in circulation, we’ve seen some promising 3D content using WebGL appear on the web, put together mainly through developer ingenuity and the fact that Firefox, Chromium, and WebKit are open source projects with early support for the technology. Today, the WebGL Working Group at Khronos released a provisional […]