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

2.7K views

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

Topics to follow

Carousel

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

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...

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.

109

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

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

page for CSS pseudo classes and holy moly... There's a bunch of them! 🤯 Let's look at the interesting ones (and that I maybe knew about but forgot). 🙈

Schalk Neethling

@schalkneethling

Dec 1, 2021

Did you know that you can chat to the folks that work on

- chat.mozilla.org/#/room/#mdn:mo #OpenSource #WebDevelopment #Community

? There is a public channel on

@matrixdotorg

Siddharth

@sid_verma32

Nov 26, 2021

Glad to share that my PR in

@mozilla

finally merged today 🎉 🎊 😁 #OSS #HappyCoding #100DaysOfCode #Opensource #mozilla #Firefox #MDN #github

🙋🏽‍♀️ 🙋🏽‍♀️

Quote Tweet

Eleftheria Batsou

@BatsouElef

· Nov 21, 2021

What is your favorite site to learn programming? #DEVCommunity #CodeNewbies

Replying to

A1: I love

docs! This resource helped me during bootcamp and in a couple jobs I've had recently #CodeNewbie 🙂

Dipankar Das

@DipankarDas011

Nov 16, 2021

Another assignment done 🎉 from

Learn'd how to make website with best layout across devices

0:24

531 views

Schalk Neethling

@schalkneethling

Nov 15, 2021

Looking for a #GoodFirstIssue to fix and contribute to

Search results dropdown obscured by footer · Issue #4949 · mdn/yari

? Have a look a this one: github.com/mdn/yari/issue #WebDevelopment

github.com

If you search on a page such as the 404 page, the title search results drop-down is hidden behind the footer. This is an easy fix. We simply need to remove the z-index from the footer here: https:/...

Nov 15, 2021

💡 Great article on some best practices and methodologies for building & organizing consistent CSS, especially for something like a style guide. developer.mozilla.org/en-US/docs/Lea

Organizing your CSS - Learn web development | MDN

As you start to work on larger stylesheets and big projects you will discover that maintaining a huge CSS file can be challenging. In this article we will take a brief look at some best practices for...

Mozilla Developer 👩🏾‍💻

@mozhacks

Nov 12, 2021

Firefox, Google Chrome and Edge

161

Nov 12, 2021

👩🏽‍💻 In this video, I worked through some advanced CSS selector challenges from

’s web development course. 🔗 Check it out @ youtu.be/N8bhBRUdER0 Happy Friday! 👾 #CSS #100DaysofCode #webdevelopment #MDN

Nick Cernak

@cernak

Nov 11, 2021

"The more that you read, the more things you will know. The more that you learn, the more places you'll go." - Dr Seuss. 🔗

JavaScript reference:

JavaScript reference - JavaScript | MDN

This part of the JavaScript section on MDN serves as a repository of facts about the JavaScript language. Read more about this reference.

Pelle Wessman

@voxpelli

Nov 9, 2021

"Completed converting

to Markdown" 🥳 Will likely make it easier for more people to contribute, and if you don't have time to contribute yourself, then you can support

@OpenWebDocs

instead at

@opencollect

. Or do both: opencollective.com/open-web-docs

Quote Tweet

Open Web Docs

@OpenWebDocs

· Nov 9, 2021

The OWD worklog for October 2021!

- Completed converting @MozDevNet to Markdown - Published 2021 Impact Report - @floscholz spoke at @jetbrains JavaScript Day - ARIA docs added to MDN - Updates to MDN's core DOM pages

opencollective.com/open-web-docs/

Senior Software Engineer (C++)

Matthew Gaudet

@MattStudies

Nov 8, 2021

Interested in working on Firefox? The SpiderMonkey team, and a few others are hiring! grnh.se/56eb30a61us Feel free to ask questions :)

boards.greenhouse.io

Remote US, Remote Toronto/Vancouver Area, Remote Canada, Toronto Office, Berlin Office

Nov 4, 2021

Wishing our contributors, supporters and all others celebrating a very joyous Diwali! 🪔🪔

GIF

Nov 3, 2021

“How to… MDN” searches

Quote Tweet

Ryan Burgess

@burgessdryan

· Nov 2, 2021

How do you measure developer productivity? Wrong answers only

Show this thread

Josh W. Comeau

@JoshWComeau

Nov 1, 2021

Woah — MDN was a critical resource to help me get comfortable with CSS. This feels really full-circle 😄

Quote Tweet

Andrew Aquino

@aqandrew

· Nov 1, 2021

I'm decent at CSS. Even so, I bought @JoshWComeau's CSS course to deepen my understanding In the _very first module_, I learned a slick new way to specify rgb/hsl color opacity There were no examples of this on MDN. My PR to add some just got merged!

github.com/mdn/content/pu

Show this thread

191

Oct 31, 2021

#100DaysofCode ✅ Completed

HTML Structuring the Web course. Just brushing up on some fundamental knowledge. In the midst, I learned some useful new things! Next, their CSS section but will be creating more videos on the HTML stuff I've learned.