MDN Web Docs’s Tweets

Dec 6, 2021

DYK? You can contribute to MDN content via

@github

! Join an amazing community of contributors all around the world who help us create content, fix bugs, review content changes, and add sample code.

1:30

3.3K views

James Ross

@CherryJimbo

20h

Sometimes the examples on

really make me smile. 😃

JavaScript Demo: String.length

const str = 'Life, the universe and everything. Answer:';

console.log(`${str} ${str.length}`);
// expected output: "Life, the universe and everything. Answer: 42"

✨ teaching tool progress! ✨ my main goal with this tool is to get more people using SVG! when learning, there are so many elements and attributes to learn. thankfully, the

docs are hosted on github 😍 - cue always up-to-date, in-tool info with deep dive links

1:28

8.2K views

199

Mark Nunnikhoven

@marknca

Feb 18

was doing some CSS work today. kudos to

for some of the best docs around for any tech. such a great resource

line-break - CSS: Cascading Style Sheets | MDN

The line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.

Increase quality of compat data · Issue #3555 · mdn/browser-compat-data

Feb 16

You can track our progress toward 100% coverage for all web platform features👇🏾👇🏾

github.com

The MDN team is employed by Mozilla and has yearly goals. I'm opening this issue to inform you about this year's goal and to give status updates throughout the year. In 2018, the te...

🚨Coming soon to MDN compatibility tables and

@caniuse

🚨 No more questions about when a Web API was supported. As of today, all 7,000+ Web APIs tracked by MDN browser compat data are set to version numbers, contributed by

@Google

@OpenWebDocs

and others

github.com

GitHub - mdn/browser-compat-data: This repository contains compatibility data for Web technologies...

This repository contains compatibility data for Web technologies as displayed on MDN - GitHub - mdn/browser-compat-data: This repository contains compatibility data for Web technologies as displaye...

259

Topics to follow

Carousel

Abimael Barea

@abimaelbarea

Feb 15

Spread Operator allows us to work with arrays differently. Learn more in

: developer.mozilla.org/en-US/docs/Web

Feb 14

👀

Quote Tweet

Saurav Purohit

@SauravPurohit4

· Feb 14

Which documentation you refer for JavaScript ? MDN Docs or JavaScript .info ?

Replying to

MDN without a doubt. The docs are reader-friendly, thorough without feeling overly dense and for the most part, includes all the information you need and none that you don’t.

is just really high quality documentation imo.

Nick Jonas doing a “chef’s kiss” gesture

GIF

Andrew Overholt

@overholt

Feb 11

The tradition of web browser vendors sending each other cakes continues with our friends at

@googlechrome

congratulating

@Firefox

for shipping (on desktop) Fission, our site isolation project on desktop! h/t

@miketaylr

226

My entire career kickstarted when I first joined the

@mozilla

community as a volunteer in 2013-14. Then I took various roles in multiple programs and it taught me a lot more than any school ✨ Just landed in my mailbox: New

@firefox

t-shirt 👀💜

@mozillareps

#mozillacommunity

Abimael Barea

@abimaelbarea

Feb 1

Hoisting is a #javascript mechanism where variables and function declarations are moved to the top of their scope before code execution. Learn more in

: developer.mozilla.org/en-US/docs/Glo

Firefox DevTools

@FirefoxDevTools

Feb 1

We know y'all check your work in multiple browsers to make sure your website doesn't break for people. We'll help you a bit in

@firefox

98, adding a new Compatibility panel. It will report possible CSS issues on your page ⚠️, using

data under the hood

$The new Firefox DevTools Compatibility panel in the inspector. A "selected element" group has a "scrollbar-color" item. On the right, Chrome, Safari, Edge and Internet Explorer icons are displayed. A tooltip is displayed with the following message: "Compatibility issues in: Chrome 97 (current)\nChrome 98 (beta)\nChrome 99 (nightly)\nChrome Android 97 (current)" and so on, with all the browsers not supporting scrollbar-color$

676

2,560

Jan Monschke

@thedeftone

Jan 27

Just wanna give a huge shout-out to the people working on MDN (

) and the people working on the

@elastic

documentation 👏 Not a single day goes by where I don't use both of these websites 🔥 developer.mozilla.org/en-US/docs/Web elastic.co/guide/en/elast

Web technology for developers | MDN

The open Web presents incredible opportunities for developers. To take full advantage of these technologies, you need to know how to use them. Below you'll find links to our Web technology document...

Abimael Barea

@abimaelbarea

Jan 25

Destructuring is a #javascript technique that allows us to unpack values. More in

: developer.mozilla.org/en-US/docs/Web

Paul

@wrightp_

Jan 18

This is a great article about some of the contributors and the work that goes into making MDN Web Docs such a useful resource.

Quote Tweet

Mozilla Reps

@mozillareps

· Jan 18

MDN: meet the contributors! (Well… 4 of them!) hacks.mozilla.org/2022/01/contri

Jan 18

MDN relies on contributors to help maintain its ever-expanding and up to date documentation. 📚 We reached out to 4 long-time community contributors to talk about how and why they started contributing and ask what advice they have for new contributors.

Contributing to MDN: Meet the Contributors – Mozilla Hacks - the Web developer blog

We reached out to four MDN contributors to talk about how and why they started contributing and what advice they have for new contributors.

Thank you

for this amazing tee! 💜 Loved it! 🥰💯 Best part I feel about the internet is that it has got the power to bring equality of information and accessibility to everyone; and I am glad to be a contributor towards it. #Firefox #internetlovers

Tygh Walters

@TyghWalters

Jan 13

Day 50 of #100DaysOfCode Completed the "UNDERSTANDING ERRORS" lesson from

@TheOdinProject

- Read and completed the lesson in, "What went wrong? Troubleshooting #JavaScript" by

developer.mozilla.org/en-US/docs/Lea

Jashele T.

@jasheloper

Jan 9

💡 A great resource on MDN (

) that contains guides for all the different CSS layout approaches. 🔗 developer.mozilla.org/en-US/docs/Lea #CSS #webdevelopment #coding #codingresources

CSS layout - Learn web development | MDN

At this point, we've looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to correctly arrange your...

Jashele T.

@jasheloper

Jan 8

👾 This week, I’ve been playing around with CSS grid concepts and different approaches. Completed MDN's Grid Layout challenges this morning. 🔗 Challenges Link: developer.mozilla.org/en-US/docs/Lea 🔗 My Answers: codepen.io/jasheloper/pen #CSS #webdevelopment #code

Test your skills: Grid Layout - Learn web development | MDN

The aim of this task is to get you working with CSS Grid Layout, and test that you understand how a grid and grid items behave. You will be working through three small tasks which use different...

🎉🎉🎉👏🏽👏🏽

Quote Tweet

Dan Bowling

@danbowling

· Jan 6

My 2022 resolution is to do more open source contributions. Today I celebrate my first @MozDevNet docs contribution getting merged.

Mozilla Developer 👩🏾‍💻

@mozhacks

Jan 4

“Put the user first. User experience should trump developer convenience. Once you let that guide your work, you’re already halfway through to being a better developer than many others.” —

@SaraSoueidan

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.

Having a play with

and it's already teaching me the platform. In the initial boilerplate project, entry.server.tsx was returning a new instance of 'Response' — I was like, where's that being imported from? Couldn't find it. Instant facepalm.

Response - Web APIs | MDN

The Response interface of the Fetch API represents the response to a request.

171

Lovely reminder to try and have some fun as we step into a New Year.

Quote Tweet

Charlie Gerard 🏳️‍🌈

@devdevcharlie

· Nov 18, 2021

TIL there's a response status code 418 I'm a teapot.

Things in tech sometimes feel so unnecessarily serious, I'm glad some people remember to have a bit of fun. developer.mozilla.org/en-US/docs/Web

Bramus

@bramus

Dec 30, 2021

“Learn the fundamentals — HTML, accessibility, CSS, and just enough vanilla JavaScript to get started. Build upon those skills with tools and frameworks as your work needs.” —

@SaraSoueidan

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.

121

Jan 1

Happy New Year! Here’s to many more ‘How to …MDN’ searches! 🦖 💻

GIF

Mozilla Developer 👩🏾‍💻

@mozhacks

Dec 30, 2021

"It is our responsibility as front-end developers and designers to ensure that what we create is inclusive of as many people as possible." We chatted with

@SaraSoueidan

about front-end development, the importance of design and her appreciation of birds.

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.

107

MDN Open Design: New Logo

Dec 17, 2021

We are working on a new logo for MDN and would love your input. Take a look at potential designs and vote for your favourite!

docs.google.com

We are working on a new logo for MDN and would love your input! Take a look at potential designs and vote for your favorite(s) at the bottom of the page.

Ruth John

@Rumyra

Dec 16, 2021

Non-crypto uses of SubtleCryto Amazing article by the one & only

@AdaRoseCannon

developer.mozilla.org/en-US/docs/Web

Non-cryptographic uses of SubtleCrypto - Web APIs | MDN

This article does not discuss the cryptographic uses of the SubtleCrypto interface. An important thing to take away from this article is don't use this API for production cryptographic purposes...

Replying to

The MDN docs are useful: developer.mozilla.org/en-US/docs/Web but they're roughly equivalent to symbols in Ruby, which are awesome because they have their own syntax (:foo). Which are just a simplified version of literal symbols in Lisps haha.

Symbol - JavaScript | MDN

Symbol is a built-in object whose constructor returns a symbol primitive — also called a Symbol value or just a Symbol — that's guaranteed to be unique. Symbols are often used to add unique property...

ioana

@ioana_cis

Dec 7, 2021

Anyone can contribute to

Web Docs, which is an evolving learning platform for Web technologies and the software that powers the Web. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you. community.mozilla.org/activities/con

Jashele T.

@jasheloper

Dec 7, 2021

🍏 I completed MDN's cool-looking box code challenge! This project helped me get a better understanding of certain CSS units and simple CSS functions. Read more in my latest post! 🔗 devjashele.tech/2021/12/07/mdn #100DaysOfCode #CSS #webdevelopment

MDN’s CSS Box Coding Challenge

devjashele.tech

I completed MDN’s cool-looking box code challenge! This project helped me get a better understanding of certain CSS units and simple CSS functions.

Ada Rose Cannon

@AdaRoseCannon

Dec 6, 2021

I've really enjoyed writing an article to contribute to MDN the process is really friendly and the tools for generating inline demos from the code samples is really useful. So you don't need to write the demos twice.

Stefan Judis

@stefanjudis

Nov 23, 2021

I somehow ended up the