CSS Articles
-
Aurora 7 is here
Keeping up the pace with our new development cycle, today we release Aurora 7. Enjoy its new features and performance improvements: CSS “text-overflow: ellipsis“, Navigation Timing API, reduced memory usage, a faster javascript parser, and the first steps of Azure, our new graphics API. text-overflow: ellipsis; It is now possible to get Firefox to display […]
-
Firefox 4 Demos: Awesome CSS3 Planetarium
O hai pixel lovers! Check out this gorgeous CSS3 demo: Planetarium, by the LittleWorkshop team (@glecollinet & @whatthefranck). Screencast: Youtube link. Gorgeous Animations The principal feature show-cased in this demo is CSS3 Transitions. The animation between the welcome-screen and the planet-screen, and the animation between the different planets are powered by transitions. But there are […]
-
Firefox 4: -moz-any() selector grouping
This is a re-post from David Baron’s blog. This feature has landed in Mozilla Central (trunk) and only available with a Firefox Nightly Build for the time being. Last night I landed support for :-moz-any() selector grouping. This allows providing alternatives between combinators, rather than having to repeat the entire selector for once piece that’s […]
-
building beautiful buttons with css gradients
A special thanks to Ryan Doherty for building this demo and making it easy for me to turn it into a tutorial. In this demo we’ll walk through a simple use case for the new gradient capabilities coming in Firefox 3.6 (see related article). We’ll build a nice-looking embossed and beveled button using gradients and […]
-
CSS Length Explained
When styling a web site with CSS you might have realised that an inch on a screen is not an actual inch, and a pixel is not necessarily an actual pixel. Have you ever figured out how to represent the speed of light in CSS pixels? In this post, we will explore the definition of […]
-
CSS coding techniques
Lately, we have seen a lot of people struggling with CSS, from beginners to seasoned developers. Some of them don’t like the way it works, and wonder if replacing CSS with a different language would be better—CSS processors emerged from this thinking. Some use CSS frameworks in the hopes that they will have to write […]
-
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 […]
-
Firefox 52: Introducing WebAssembly, CSS Grid and the Grid Inspector
We cover some of the most innovative features to land in Firefox 52, including WebAssembly, CSS Grid, the CSS Grid Inspector Tool, an improved Responsive Design Mode, and Async and Await support for JavaScript.
-
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 […]
-
Aurora 6 is here
What’s new in Aurora 6? The most notable addition to this new Aurora are the <progress> element, window.matchMedia API, better APIs for binary data, Server-Sent Events as well as the return of WebSockets. Aurora 6 has been published last week and can be downloaded from firefox.com/channel. The <progress> element This element can be used to […]