Web Developers Articles
-
To Eleventy and Beyond
Porting an established static website from one generator to another can be daunting. In this post, Add-ons Engineering Manager Stuart Colville recounts the experience of migrating Firefox Extension Workshop, Mozilla’s site for Firefox-specific extension development resources, from the Ruby-based site generator Jekyll to JavaScript-based Eleventy.
-
Upcoming notification permission changes in Firefox 72
Earlier this year we decided to reduce the amount of unsolicited notification permission prompts people receive as they move around the web using the Firefox browser. This is an intrinsic part of Mozilla's commitment to putting people first when they are online. In preparation, we ran a series of studies and experiments to understand how to improve the user experience and reduce annoyance. Now we're making some changes to the workflow for how sites ask users for permission to send them notifications.
-
Quickly Alter Typography with Firefox Font Editor
Have you ever landed on a web page and wondered what fonts are being used? Have you asked yourself where those fonts come from or why a particular font isn't loading? The font editor in Firefox provides answers and insights, and gives you the ability to make font changes directly, with a live preview.
-
Why is CSS So Weird?
CSS is the design language of the web — one of three core web languages — but it also seems to be the most contentious and often perplexing. It's too easy and too hard, too fragile and too resilient. Love it or hate it, CSS is weird: not quite markup, not quite programming in the common (imperative) sense, and nothing like the design programs we use for print. How did we get here?
-
Video Shorts from Mozilla Developer
Today we’re launching a new video channel, with a selection of shorts to kick things off. Get started with an intro to Dark Mode on the web, by Deja Hodge. Then, Jen Simmons shows us how to access a handy third-panel in the Firefox Developer Tools. Miriam Suzanne has a video all about the
::markerpseudo-element and list counters. No matter your experience level or job description, we’re all working together towards the future health of the web, and Mozilla is here to help. -
WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more
Creating experiences that look and work great across different browsers is one of the biggest challenges on the web. It can also be the most rewarding part, as it gets your app to as many users as possible. Testing legacy browsers late in the development process can break a feature that you spent hours on, even requiring rewrites to fix. What if the tools in your primary development browser could warn you sooner? With Webhint in Firefox DevTools, we can do exactly that, and more.
-
MDN’s First Annual Web Developer & Designer Survey
Today we are launching our first annual MDN Developer & Designer Needs Survey. Web developers and designers, we urge you to participate! This is your opportunity to tell us about your needs and frustrations with the web. Your participation will influence how browser vendors like Mozilla, Google, Microsoft, and Samsung prioritize feature development.
-
Owning it: browser compatibility data and open source governance
What does it mean to “own” an open-source project? With the browser-compat-data project (“BCD”), the MDN (Mozilla Developer Network) community and I recently had the opportunity to find out.
-
Developer Roadshow 2019 returns with VR, IoT and all things web
Mozilla Developer Roadshow is a meetup-style, Mozilla-focused event series for people who build the web. In 2017, the Roadshow reached more than 50 cities around the world sharing highlights of Mozilla and Firefox technologies. Now, we’re back! To open our 2019 series, Mozilla presents two events with VR visionary Nonny de la Peña and the Emblematic Group in Los Angeles and in New York.
-
New & Experimental Web Design Tools: Feedback Requested
We’re currently hard at work on some new tools for web designers: a comprehensive Flexbox Inspector as well as CSS change-tracking. Tell us about your biggest CSS and web design issues and pain points in the first-ever Design Tools survey from Mozilla! We want to hear from developers and designers, no matter what browser you use.
