Mozilla

CSS Articles

Sort by:

View:

  1. Live Editing Sass and Less in the Firefox Developer Tools

    Sass and Less are expressive languages that compile into CSS. If you’re using Sass or Less to generate your CSS, you might want to debug the source that you authored and not the generated CSS. Luckily you can now do this in the Firefox 29 Read more…

  2. HTML5, CSS3, and the Bookmarklet that Shook the Web

    On Valentine’s Day last year we released a bookmarklet that went viral riding the popularity of the Harlem Shake meme. On the anniversary of its release we’d like to take a moment look back at the technical nuts and bolts of the bookmarklet as a Read more…

  3. Application Layout with CSS3 Flexible Box Module

    It has become very easy to create fluid application layouts thanks to the CSS3 Flexible Box Layout Module. In this article we are going to implement a simple application layout, which fills the whole screen, resizes with the browser window and comes with the additional Read more…

  4. 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 Read more…

  5. 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 Read more…

  6. Capturing – Improving Performance of the Adaptive Web

    Responsive design is now widely regarded as the dominant approach to building new websites. With good reason, too: a responsive design workflow is the most efficient way to build tailored visual experiences for different device screen sizes and resolutions. Responsive design, however, is only the Read more…

  7. Firefox Development Highlights – H.264 & MP3 support on Windows, scoped stylesheets + more

    Time for the first look this year into the latest developments with Firefox. This is part of our Bleeding Edge and Firefox Development Highlights series, and most examples only work in Firefox Nightly (and could be subject to change). H.264 & MP3 support on Windows Read more…

  8. The Web We Lost, Heroku Automates Automation, Why moving elements with translate() is better – Hacks Weekly

    The Web We Lost, Heroku Automates Automation, Why moving elements with translate() is better and more this week from Mozilla’s Developer Engagement Read more…

  9. A tale of a CSS3 Animation Demo

    Once upon a time, there was this good hearted web developer, who was everyday worried about learning new cool things and trying new crazy stuff his browser could barely be able to do. Also, there were some giants, working hard to increase the power of Read more…

  10. Responsive Patterns, automatic jQuery app tester, RESTClient for debugging – Hacks Weekly

    Responsive Patterns, automatic jQuery app tester, RESTCLient for debugging RESTful web services are just some of the things Mozilla’s Developer Engagement team want to recommend to you this Read more…