MDN Web Docs’s Tweets

Apr 28

🎉 Also starting today, the premium version of the service will be available in Austria, Belgium, Finland, France, United Kingdom, Germany, Ireland, Italy, Malaysia, the Netherlands, New Zealand, Puerto Rico, Sweden, Singapore, Switzerland, and Spain. developer.mozilla.org/en-US/plus#sub

A woman in a warm coat holding sparklers creating a celebratory mood.

read image description

ALT

Yashika

@yashibhargava_

Dec 15

Just completed Day 100 of #100DaysOfOpenSource - 29 PRs got merged in

- participated in Hacktoberfest as a contributor - Maintained a project in Hacktoberfest - Reviewed 55+ PRs It's been a great experience, got to collaborate with some amazing developers.

Dec 15

We’re glad to be collaborating with

@WebKit

and

@GoogleChrome

on Speedometer 3. 🌪️ Here’s why this work is important for the Web 🧵

The State of CSS 2022 Survey Results are live. 🎉 Hats off to

@SachaGreif

and team for all their hard work pulling this together.

2022.stateofcss.com

The State of CSS 2022

Dec 7

None of what we do would be possible without the help of the community working together to build a better internet. 🫶 Learn how the Mozilla Community helps shape our products and how you can get involved.

How the Mozilla Community helps shape our products – Mozilla Hacks - the Web developer blog

Our awesome community is there every step of the way to support and contribute to our products. Working together to build a better internet.

Chris Mills

@chrisdavidmills

Dec 7

As some of you know, I have been writing docs on

again. I'll start tweeting about new stuff that I publish. First up, the Navigation API, an effective replacement for the much-maligned History API:

Navigation API - Web APIs | MDN

The Navigation API provides the ability to initiate, intercept, and manage browser navigation actions. It can also examine an application's history entries. This is a successor to previous web...

Dec 6

Kids are using social media and the internet more than ever. For parents, thinking about the dangers of the web can be scary. But it doesn’t have to be. We spoke to parents worldwide about how they keep their children safe online.

1:08

653 views

Dec 3

A great deal of web content can be made accessible just by making sure the correct Hypertext Markup Language elements are used for the correct purpose at all times. Learn how HTML can be used to ensure maximum accessibility. #a11y

HTML: A good basis for accessibility - Learn web development | MDN

You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will help to fill gaps in this knowledge, but this article has taken care of the basics. Next...

Jared Caraway

@jaredcarawaytx

Dec 1

I don't know how I've never heard of this! There is an HTTP response code, 418 I'm a teapot. I am not making this up. (2/4) developer.mozilla.org/en-US/docs/Web

GIF

read image description

ALT

Nov 29

"I noticed that there is quite a bit of misinformation and bad advice circulating the web community around accessibility"

explains why she developed her new 'Practical Accessibility' course. #a11y

Hacks Decoded: Sara Soueidan, Award-Winning UI Design Engineer and Author – Mozilla Hacks - the Web...

We chatted with Sara Soueidan about front-end web development, the importance of design and her appreciation of birds.

127

Nov 25

The state of #JavaScript survey is open. Add your voice

survey.devographics.com

State of JavaScript 2022

Nov 22

When was the last time you experienced a browser crash? 🤔

@gabrielesvelto

details how we reduced

@Firefox

out-of-memory crashes on Windows with a simple, yet effective trick. 🪄

Improving Firefox stability with this one weird trick – Mozilla Hacks - the Web developer blog

Poorly behaving web pages and apps are no longer capable of crashing the browser by exhausting memory, thanks to a simple trick.

Firefox DevTools

@FirefoxDevTools

Nov 22

Container queries are enabled on latest

@FirefoxNightly

(109.0a1 (2022-11-22)) 🎉 Read about it on

: developer.mozilla.org/en-US/docs/Web We added a few features to help you to use them 🧵

CSS Container Queries - CSS: Cascading Style Sheets | MDN

CSS containment provides a way to isolate parts of a page and declare to the browser these parts are independent from the rest of the page in terms of styles and layout.

199

Sara Soueidan

Nov 22

📢 The cat is out of the bag! I am happy to announce that I’m opening pre-orders for the #PracticalA11y course today! 🏷 25% off original price ⏳ Pre-orders are open *for a limited time only* Details & FAQ: practical-accessibility.today Guaranteed to level up your #a11y skills!

Quote Tweet

Sara Soueidan

Apr 26, 2021

FRIENDS!

I'm excited to announce I'm working on an #a11y video course!

Practical Accessibility: a get-right-down-to-it course for designers & developers who want to start creating more accessible digital products today

practical-accessibility.today

Show this thread

1:33

184.2K views

191

562

Mozilla Add-ons

@mozamo

Nov 17

MV3 will be available in Firefox starting with Firefox 109. Extension developers can start signing their MV3 extensions for Firefox November 21st in AMO. blog.mozilla.org/addons/2022/11

Significant Improvements for Screen Readers Now in Nightly Firefox – Mozilla Accessibility

Nov 16

Accessibility is very important to us. We’re pleased to announce that Cache the World, the re-architecture of the Firefox accessibility engine is now enabled by default for all

@FirefoxNightly

users!

blog.mozilla.org

A couple of months ago, we shared an update on our Cache the World project, covering the ongoing re-write of the Firefox accessibility engine. The project aims to improve Firefox's ...

David Orban

@OrbanDavid24

Nov 14

Coding along to this article on CSS Grid by

felt like doing sliding puzzles. It was soo much fun! link:

Grid layout using line-based placement - CSS: Cascading Style Sheets | MDN

In the article covering the basic concepts of grid layout, we started to look at how to position items on a grid using line numbers. In this article we will fully explore how this fundamental feature...

Mozilla Community Call - 17/11/2022 - Mozilla Community Portal

Nov 14

Want to learn more about how

@MozillaHubs

creates immersive 3D worlds on the open web? 🤔 Join our Mozilla Community Call Thursday, Nov. 17! #MozillaCommunity

community.mozilla.org

Hello everyone! Come to our Mozilla Community Call, where everyone that loves the internet is welcome! Join us to learn more about how Mozilla Hubs creates immersive 3d worlds on the open web. The...

Nov 12

This! 💯

Quote Tweet

Jenn Creighton

@gurlcode

Nov 11

Poor documentation is technical debt.

Nov 9

A BIG thank you to those who nominated and voted for us. We won the Jammie for the project of the year! 🙌❤️ jamstack.org/conf/jammies/ #JamstackConf - This would not have been possible without our amazing community and partners.

0:25

1.4K views

W3C Developers

@w3cdevs

Nov 8

This work on feature mapping constitutes the second focus of the group, where we expect to work with

@mozdevnet

@caniuse

and others to make it easier to navigate the non-stop evolution of the #WebPlatform.

Nov 3

💯👏🏽👏🏽

Quote Tweet

Alolita Sharma

alolita at hachyderm.io

@alolita

Nov 2

The awesome @sarah_edo keynotes about how innovation is not achieved by one person or one wave. Innovation comes from many waves, multiple iterations. Just like the evolution of JavaScript frameworks like @angular @vuejs @AllThingsOpen #AllThingsOpen #ATO2022

Nov 1

We recently undertook a project to revamp and reorganize the “Contribution Docs”. 🧹 In this post we detail all the updates we made!

Revamp of MDN Web Docs Contribution Docs – Mozilla Hacks - the Web developer blog

The MDN Web Docs team recently undertook a project to revamp and reorganize the “Contribution Docs”. The docs are an essential resource.

Lea Verou

@LeaVerou

Nov 1

I often need to look up which specification a Web platform feature is defined in and I find

MDN Go to spec bookmarklet

the best source for that. I've even written a bookmarklet that lets me visit a feature's page then navigate to the first spec listed:

gist.github.com

MDN Go to spec bookmarklet. GitHub Gist: instantly share code, notes, and snippets.

Nov 1

Please welcome our new spotlight contributor - developer.mozilla.org/en-US/communit 🙌❤️

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

Oct 31

🫶🏽#Javascript Learn more about the Zero width joiner 👇🏾 developer.mozilla.org/en-US/docs/Web

Quote Tweet

Wes Bos

@wesbos

Oct 30

Emojis like

and

are actually made up of multiple emojis and a special character called a "Zero Width Joiner"

0:45

104.4K views

Oct 31

🤯🤯 Learn more about the contenteditable global attribute 👇🏾 developer.mozilla.org/en-US/docs/Web

Quote Tweet

Wes Bos

@wesbos

Oct 29

Weird one: Any HTML element can be visible and editable with display:block; and contenteditable - including style tags!

Show this thread

0:57

514K views

144

Accessibility Awareness

@A11yAwareness

Oct 30

If you're not familiar with HTML or how it works, but you're curious to see what alt text looks like in code,

has some good documentation about images in HTML, and that includes what the alt attribute looks like in HTML.

Images in HTML - Learn web development | MDN

That's all for now. We have covered images and captions in detail. In the next article, we'll move it up a gear, looking at how to use HTML to embed video and audio content in web pages.

Jen Simmons

@jensimmons

Oct 28

:attr() Thoughts? (It’s a CSS thing. For web developers.) Spec: w3c.github.io/csswg-drafts/c MDN page about it:

attr() - CSS: Cascading Style Sheets | MDN

The attr() CSS function is used to retrieve the value of an attribute of the selected element and use it in the stylesheet. It can also be used on pseudo-elements, in which case the value of the...

150

Oct 26

Thanks 😊 t.co/AYiLMzXU0X

This Tweet is unavailable.

Privacy online just got easier with the new Firefox release | The Mozilla Blog

Oct 19

The latest #Firefox release out this week comes with Private Browsing mode upgrades just in time for #CybersecurityAwarenessMonth 🔐

blog.mozilla.org

October is one of our favorite months of the year with autumn and Cybersecurity Awareness Month. We’re supporting Cybersecurity Awareness with Private Br

Open Web Docs

Oct 18

Documentation for `:has()`, the relational pseudo-class, has been updated. developer.mozilla.org/en-US/docs/Web. Like :not(), :is(), and :where(), it accepts a forgiving selector list as a parameter. Like :not() and :where(), its specificity is the most specific selector in that list.

:has() - CSS: Cascading Style Sheets | MDN

The functional :has() CSS pseudo-class represents an element if any of the relative selectors that are passed as an argument match at least one element when anchored against this element. This...

La misión de

es proporcionar a los devs la información que necesitan para crear fácilmente proyectos en la web abierta. En este taller, aprenderemos con

@tuxxy

@juanvqz_

a contribuir a este proyecto. ¡Y no es necesario ser programador! sg1.run/contribuep7

Oct 13

Without #HTML there is no Web ❤️

Quote Tweet

Sara Soueidan

Oct 12

One of my favorite slides from the #PracticalA11y course.

#HTML

read image description

ALT

The

documentation on the <marquee> tag brings a tear to my eye in a good way. 🥲

0:12

1.5K views

Open Web Docs

Oct 11

Interested in learning CSS Cascade Layers? There's a tutorial for that! Just added to MDN is a new CSS cascade layer building block developer.mozilla.org/en-US/docs/Lea (Written by

@estellevw

for

)

Cascade layers - Learn web development | MDN

If you understood most of this article, then well done — you're now familiar with the fundamental mechanics of CSS cascade layers. Next up, we'll look at selectors in detail.

Open Web Docs

Improving MDN's CSS formal syntax

Oct 11

[New blog post] How we improved the CSS formal syntax sections on

with the help of

(h/t

) and the

webref/css package

Open Web Docs supports web platform documentation for the benefit of web developers & designers worldwide. We are a community of web developers, standards makers, and technology companies that rely...

If you’re running

on macOS you might have noticed that its responsiveness has improved significantly in version 103!🤯 This improvement was achieved via a small change in how locking is implemented within Firefox’s memory allocator. 🙌🏾

Improving Firefox responsiveness on macOS – Mozilla Hacks - the Web developer blog

If you're running Firefox on macOS you might have noticed that its responsiveness has improved significantly in version 103.

148

JavaScript and MDN Web Docs

Tommie Ng

@TommieNg

Oct 4

JavaScript — Spread syntax Spreading can be useful in JS when you need to copy objects' properties or elements within an array. Use it to dynamically create your objects and arrays. 💡 #100Devs #100DaysOfCode

A code snippet with a background of bananas:

The code itself was too long to share in the alt text, so here's the link to access it:
https://raw.githubusercontent.com/TommiEng/tommie-snippets/master/snippets/js-babel-16-06-2022.html

read image description

ALT