Articles for June 2009
-
using HTML5 video with fallbacks to other formats
The Mozilla Support Project and support.mozilla.com (SUMO for short) is an open and volunteer powered community that helps over 3 million Firefox users a week get support and help with their favorite browser. The Firefox support community maintains a knowledge base with articles in over 30 languages and works directly with users through our support […]
-
content aware image resizing
Note: The author of the demo, Stéphane Roucheray, is a member of the PIMS team. The demo was first posted on the Pims World Labs weblog. View the demo in Firefox 3.5. Content Aware Image Resizing is a way to re-target an image size without modifying its content ratio, in other words : non-linear image […]
-
audio player – HTML5 style
Last week we featured a demo from Alistair MacDonald (@F1LT3R) where he showed how to animate SVG with Canvas and a bunch of free tools. This week he has another demo for us that shows how you can use the new audio element in Firefox 3.5 with some canvas and JS to build a nice-looking […]
-
geolocation with open street maps
This demo was created by René-Luc D’Hont. He created this demo for the 35 days project with open source software and open data from various projects. His company, 3Liz, specializes in open source GIS application development. Three days ago we had a post from Doug Turner describing how Geolocation works in Firefox 3.5. René-Luc has […]
-
connecting html5 video to the web
This is a screencast of a demo that I gave at the open video conference in NYC on June 19th, 2009. The demo itself was created by the ever wonderful Paul Rouget. Download .ogv or .mp4 version. A version hosted on blip.tv.
-
geolocation in Firefox 3.5
This post is from Doug Turner, one of the engineers who is behind the Geolocation support in Firefox 3.5. Location is all around us. As of this writing, I am in a coffee shop in Toronto, Canada. If I type google into the url bar, it takes me to www.google.ca, the Canadian version of Google, […]
-
open video codecs and quality
This is a re-post (with permission) of a post that Greg Maxwell wrote in response to a comment by Chris DiBona from Google on a whatwg mailing list. The codecs being discussed are the same ones we’ll be including in Firefox 3.5 and are also the same codecs that Mozilla, Wikipedia and others have been […]
-
stylish text with text-shadow
This post is from Frederic Wenzel, who works on Mozilla’s Web Development team. The text-shadow CSS property does what the name implies: It lets you create a slightly blurred, slightly moved copy of text, which ends up looking somewhat like a real-world shadow. The text-shadow property was first introduced in CSS2, but as it was […]
-
web fonts and css features – a simple demonstration
This post is from Laurent Jouanneau, who was kind enough to build a very simple but elegant demonstration of how to use web fonts and some of the new CSS features in Firefox 3.5. View the Demo in Firefox 3.5 Shadows and round corners First, we set some style properties on the toolbar: -moz-border-radius -moz-border-radius:10px […]
-
animating SVG with canvas and burst
Today’s demo is short, but it also includes a long screencast that describes how it’s put together. The demo’s author, Alistair MacDonald (@F1LT3R), is one of the maintainers of Processing.js and the Burst engine, which is the basis for today’s demo and tutorial. If you haven’t clicked through to his site, I strongly suggest that […]