35 Days Articles
-
saving data with localStorage
This post was written by Jeff Balogh. Jeff works on Mozilla’s web development team. New in Firefox 3.5, localStorage is a part of the Web Storage specification. localStorage provides a simple Javascript API for persisting key-value pairs in the browser. It shouldn’t be confused with the SQL database storage proposal, which is a separate (and […]
-
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 […]
-
HTML5 drag and drop in Firefox 3.5
This post is from Les Orchard, who works on Mozilla’s web development team. Introduction Drag and drop is one of the most fundamental interactions afforded by graphical user interfaces. In one gesture, it allows users to pair the selection of an object with the execution of an action, often including a second object in the […]
-
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, […]
-
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 […]