CSS Articles
-
Firefox 3.6 Alpha 1 – web developer changes
As covered on the Mozilla Developer Center, Firefox 3.6 Alpha 1 is now available for download. And we’ve been busy since Firefox 3.5. Web developers will be interested in a number of features that are new in Firefox 3.6 Alpha 1: The TraceMonkey JavaScript engine has continued to get faster. We’ve made a huge number […]
-
Inside a super fast CSS engine: Quantum CSS (aka Stylo)
Project Quantum is a major rewrite of Firefox’s internals to make Firefox fast. We’re swapping in parts from our experimental browser, Servo, and making massive improvements to other parts of the engine. The first major component from Servo—a new CSS engine called Quantum CSS (previously known as Stylo)—is now available for testing in our Nightly version. It brings together state-of-the-art innovations from four different browsers to create a new super CSS engine.
-
3D transforms in Firefox 3.5 – the isocube
This demo was created by Zachary Johnson, a Minneapolis, MN based web developer who has also authored a jQuery plugin for animated “3D” rotation. I’d like to show an example of a visual effect that can be accomplished using the new -moz-transform CSS transformation property that is available in the Firefox 3.5 browser. I was […]
-
Firefox 4: OpenType font feature support
When @font-face support was introduced in Firefox 3.5, web authors were suddenly given a way of dramatically enhancing the typography used on their sites. With all major browsers slated to soon support WOFF fonts offered by many font vendors, the range of fonts available on the web is far wider than it was just two […]
-
CSS Variables in Firefox Nightly
As reported by Cameron McCormack, Firefox Nightly (version 29) now supports CSS variables. You can get a quick overview in this short screencast: You can define variables in a context with a var- prefix and then implement them using the var() instruction. For example: :root { var-companyblue: #369; var-lighterblue: powderblue; } h1 { color: var(companyblue); […]
-
the potential of web typography
This post counts as both a demo and commentary about the changing nature of typography on the web. Ian Lynam and Craig Mod have put together a page that is an excellent example of typography in action, but also offer some suggestions on what the next steps for typography on the web might look like. […]
-
Aurora 16 is out — Unprefixing time !
Web developers, it is time to celebrate! In the upcoming Firefox 16, which reached the Aurora status today, a major enhancement is the unprefixing of several stable CSS features. Other notable features of interest to Web developers include several more HTML5-related APIs, better accessibility on Mac OS, and improvements to Firefox Developer Tools. So […]
-
CSS 3D transformations in Firefox Nightly
When the first 3D transformations in CSS got support on Webkit browsers people got incredibly excited about them. Now that they have matured we also support 3D CSS in Firefox. To see it for yourself, check out one of the latest nightly builds. You can see them in action in this demo of a rotating […]
-
Firefox 4: Drawing arbitrary elements as backgrounds with -moz-element
This is a guest post by Markus Stange. Markus usually works on the Firefox Mac theme implementation, but this time he went on a small side trip through the Gecko layout engine in order to implement -moz-element. In Firefox Beta 4 we’re introducing a new extension to the CSS background-image property: the ability to draw […]
-
WebIDE, Storage inspector, jQuery events, iframe switcher + more – Firefox Developer Tools Episode 34
A new set of Firefox Developer Tools features has just been uplifted to the Aurora channel. These features are available right now in Aurora, and will be in the Firefox 34 release in November. This release brings new tools (storage inspector, WebIDE), an updated profiler, and handy enhancements to the existing tools: WebIDE WebIDE, a […]