Articles for June 2009
-
shadow boxing with -moz-box-shadow
Another fun CSS3 feature that’s been implemented in Firefox 3.5 is box shadows. This feature allows the casting of a drop “shadow” from the frame of almost any arbitrary element. As the CSS3 box shadow property is still a work in progress, however, it’s been implemented as -moz-box-shadow in Firefox. This is how Mozilla tests […]
-
what does tracemonkey feel like?
One of our goals with Firefox 3.5 is to help upgrade the web. Over the lifecycle of this release we’ve invested heavily in developer features. One of the features that we’ve invested in is TraceMonkey – a tracing interpreter that turns commonly-run JavaScript code into machine code so that it can run at near-native speeds. […]
-
beautiful fonts with @font-face
This article is also available in Bulgarian. While Firefox 3.0 improved typographic rendering by introducing support for kerning, ligatures, and multiple weights along with support for rendering complex scripts, authors are still limited to using commonly available fonts in their designs. Firefox 3.5 removes this restriction by introducing support for the CSS @font-face rule, a […]
-
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 […]
-
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 […]
-
add some ambiance to your videos
Note: this post was originally posted to the silverorange labs blog and was written by Mike Gauthier. Mike and other people at silverorange put this demo together for the 35 days project and we thank them. Also note that the demo below is extremely CPU-intensive. If you’re interested in the effect and you don’t have […]
-
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, […]
-
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 […]
-
pushing pixels with canvas
This post was written by Paul Rouget, who is a member of the Mozilla Evangelism team. Paul lives in Paris, France and is well known for some of his amazing work with open video on the web among other things. Canvas, at its most simple level, is an easy way to draw bitmap data into […]
-
Firefox 3.5 for 35 days – dreaming about the future of the web
Over the next 35 days we’ll be talking about all of the new developer features in Firefox 3.5. The upcoming release of Firefox 3.5 is a big upgrade for users. It includes new privacy features, improvements in interactive performance and a new JavaScript engine that will improve the experience for users using script-heavy web sites. […]
