diff --git a/.vscode/dictionaries/ignore-list.txt b/.vscode/dictionaries/ignore-list.txt index 1c8f1449d68890e..0e2e7108138242a 100644 --- a/.vscode/dictionaries/ignore-list.txt +++ b/.vscode/dictionaries/ignore-list.txt @@ -5,6 +5,7 @@ aaba aabaac aabbcc aabbccdd +AACA aacbbbcac abaac abbbbbc @@ -110,6 +111,7 @@ DSWbdfnrstvw dubby Duden dXNlcm5hbWU6cGFzc3dvcmQ +EACC eirmod elitr ERHGDFy @@ -144,6 +146,7 @@ futurelibrary.no gaesamplesite gims globalprivacycontrol.org +glossarysidebar.yaml GNF576746573fhdg4737dh4 gogerychwyrndrobwllllantysiliogogogoch Graece @@ -182,6 +185,7 @@ kitchensink lambdatest Latine latinmodern-math +learntocodewith.me leopardskin letmein libpkcs11testmodule @@ -198,6 +202,7 @@ magis Mand manis Markmarkimark +mdnsidebar.yaml megastore meinheld montecarlo diff --git a/.vscode/dictionaries/non-english.txt b/.vscode/dictionaries/non-english.txt index 34fc0df176ff51e..f50a6c36830398c 100644 --- a/.vscode/dictionaries/non-english.txt +++ b/.vscode/dictionaries/non-english.txt @@ -71,6 +71,7 @@ setembro shān studiorum tiene +Tipos traducido trimestre tslí diff --git a/.vscode/dictionaries/proper-names.txt b/.vscode/dictionaries/proper-names.txt index dce0d65f7a8d268..6afc1f106a836b9 100644 --- a/.vscode/dictionaries/proper-names.txt +++ b/.vscode/dictionaries/proper-names.txt @@ -3,6 +3,7 @@ a11ysupport Academind Acrosync Addy +Adham Adilah Akhgari alastairc @@ -14,6 +15,7 @@ Amorim AMPPS Amstelvar Anand +ANDI Andreessen Andrzej Anek @@ -56,6 +58,7 @@ Bloggs Bocoup Boonie bottosson +Boulton Brians Browserleaks Browsershots @@ -65,6 +68,7 @@ BugZilla Bundlesize Bunyakovsky Burson +Butterick Buzzcocks Bynens Bézier @@ -81,6 +85,7 @@ Caterina Chadha Chakra Chamakh +Chimero Chloé chrisdavidmills chrismills @@ -101,6 +106,7 @@ Colomb ColorZilla Conde Condei +COPPA Corber Cortana Coursera @@ -116,6 +122,7 @@ Célestes Dahlkemper Dailymotion Danilo +Dannaway Darmok Datumizer davbrito @@ -172,6 +179,7 @@ Esben ethertank Exljbris Fairchild +FDCP ffconf FileZilla Firefogg @@ -220,6 +228,7 @@ Hidde Highrise Hildy hmatrjp +Hobday Hobson hochan Hochberg @@ -471,6 +480,7 @@ Rekapi Remy Resig Rhiana +Riazhskikh Rigby Rocher Rohini diff --git a/files/en-us/learn_web_development/core/accessibility/index.md b/files/en-us/learn_web_development/core/accessibility/index.md index 5191539d1f1f4c8..c0db4203a9ac584 100644 --- a/files/en-us/learn_web_development/core/accessibility/index.md +++ b/files/en-us/learn_web_development/core/accessibility/index.md @@ -21,7 +21,7 @@ You should be familiar with [HTML](/en-US/docs/Learn_web_development/Core/Struct - [What is accessibility?](/en-US/docs/Learn_web_development/Core/Accessibility/What_is_accessibility) - : This article starts off the module with a good look at what accessibility is — this includes what groups of people we need to consider and why, what tools different people use to interact with the web, and how we can make accessibility part of our web development workflow. -- [Accessibility tooling and assitive technology](/en-US/docs/Learn_web_development/Core/Accessibility/Tooling) +- [Accessibility tooling and assistive technology](/en-US/docs/Learn_web_development/Core/Accessibility/Tooling) - : Next we turn our attention to accessibility tooling, providing information on the kinds of tools you can use to help solve accessibility issues, and the assistive technologies used by people with disabilities as they browse the web. You'll be using these tools throughout subsequent articles. - [HTML: A good basis for accessibility](/en-US/docs/Learn_web_development/Core/Accessibility/HTML) - : A great deal of web content can be made accessible just by making sure the correct HTML elements are always used for the correct purpose. This article looks in detail at how HTML can be used to ensure maximum accessibility. diff --git a/files/en-us/learn_web_development/core/accessibility/mobile/index.md b/files/en-us/learn_web_development/core/accessibility/mobile/index.md index 13e0558ba893543..7d200cad608a264 100644 --- a/files/en-us/learn_web_development/core/accessibility/mobile/index.md +++ b/files/en-us/learn_web_development/core/accessibility/mobile/index.md @@ -20,9 +20,9 @@ With web access on mobile devices being so popular and renowned platforms such a Learning outcomes: diff --git a/files/en-us/learn_web_development/core/accessibility/tooling/index.md b/files/en-us/learn_web_development/core/accessibility/tooling/index.md index d2988162768a4a0..feddfbf6b280013 100644 --- a/files/en-us/learn_web_development/core/accessibility/tooling/index.md +++ b/files/en-us/learn_web_development/core/accessibility/tooling/index.md @@ -35,7 +35,7 @@ Next we turn our attention to accessibility tooling, providing information on th ## Accessibility tools -Let's have a look at the tools can make use of when implementing accessibile websites and fixing accessibility issues. +Let's have a look at the tools can make use of when implementing accessible websites and fixing accessibility issues. ### Testing source order diff --git a/files/en-us/learn_web_development/core/css_layout/grid_skills/index.md b/files/en-us/learn_web_development/core/css_layout/grid_skills/index.md index 89f0004240c30e3..9c175eb2b82da2b 100644 --- a/files/en-us/learn_web_development/core/css_layout/grid_skills/index.md +++ b/files/en-us/learn_web_development/core/css_layout/grid_skills/index.md @@ -359,4 +359,4 @@ You may try to use flexbox on the container and restrict the cards with percenta ## See also -- [CSS stlying basics](/en-US/docs/Learn_web_development/Core/Styling_basics) +- [CSS styling basics](/en-US/docs/Learn_web_development/Core/Styling_basics) diff --git a/files/en-us/learn_web_development/core/css_layout/responsive_design/index.md b/files/en-us/learn_web_development/core/css_layout/responsive_design/index.md index 013a6460520b05f..ba03e630a3ea7f6 100644 --- a/files/en-us/learn_web_development/core/css_layout/responsive_design/index.md +++ b/files/en-us/learn_web_development/core/css_layout/responsive_design/index.md @@ -480,7 +480,7 @@ Responsive design refers to a site or application design that responds to the en It has also become much easier to achieve responsive designs with the help of the layout methods you have learned in these lessons. If you are new to web development today you have many more tools at your disposal than in the early days of responsive design. It is therefore worth checking the age of any materials you are using. While the historical articles are still useful, modern use of CSS and HTML makes it far easier to create elegant and useful designs, no matter what device your visitor views the site with. -Next, we will studey media queries in more detail and show how to use them to solve some common problems. +Next, we will study media queries in more detail and show how to use them to solve some common problems. ## See also diff --git a/files/en-us/learn_web_development/core/index.md b/files/en-us/learn_web_development/core/index.md index b23faf0deeff222..d1afa4efcf0f066 100644 --- a/files/en-us/learn_web_development/core/index.md +++ b/files/en-us/learn_web_development/core/index.md @@ -10,7 +10,7 @@ Our **Core modules** cover topics that we feel every web developer should have a ## Prerequisites -While there is no prequisite knowledge for starting this set of modules, we would recommend that you familiarize yourself with your computer, make sure you've got a basic set of required applications installed (such as web browsers and a code editor), and do some background reading on the web and web technologies, if you have no already done so. All these topics are covered in our [Getting started modules](/en-US/docs/Learn_web_development/Getting_started). +While there is no prerequisite knowledge for starting this set of modules, we would recommend that you familiarize yourself with your computer, make sure you've got a basic set of required applications installed (such as web browsers and a code editor), and do some background reading on the web and web technologies, if you have no already done so. All these topics are covered in our [Getting started modules](/en-US/docs/Learn_web_development/Getting_started). In particular, if you've never done any coding before, we'd recommend the [Your first website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website) module, which introduces you web technologies very gently and takes you through the process of building a simple website. diff --git a/files/en-us/learn_web_development/core/structuring_content/creating_links/index.md b/files/en-us/learn_web_development/core/structuring_content/creating_links/index.md index 74f72a64983d6f4..d53c83e3f45a6d3 100644 --- a/files/en-us/learn_web_development/core/structuring_content/creating_links/index.md +++ b/files/en-us/learn_web_development/core/structuring_content/creating_links/index.md @@ -36,7 +36,7 @@ This article shows the syntax required to make a link, and discusses link best p
  • Path syntax in detail — slashes, single dot, and double dot.
  • Link states and why they are important — :hover, :focus, :visited, and :active.
  • Inline and block-level links.
    • -
  • Understanding the benefits of writing good link text, such as better accessibility for screenreader users, and potential positive SEO effects.
    • +
  • Understanding the benefits of writing good link text, such as better accessibility for screen reader users, and potential positive SEO effects.
    • diff --git a/files/en-us/learn_web_development/core/structuring_content/lists/index.md b/files/en-us/learn_web_development/core/structuring_content/lists/index.md index b626dd1aa535142..b236954696a3cae 100644 --- a/files/en-us/learn_web_development/core/structuring_content/lists/index.md +++ b/files/en-us/learn_web_development/core/structuring_content/lists/index.md @@ -769,7 +769,7 @@ textarea.onkeyup = () => { ## Test your skills! -You've reached the end of this set of three articles about basic HTML semantic elementss, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: HTML text basics](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills:_HTML_text_basics). +You've reached the end of this set of three articles about basic HTML semantic elements, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: HTML text basics](/en-US/docs/Learn_web_development/Core/Structuring_content/Test_your_skills:_HTML_text_basics). ## Summary diff --git a/files/en-us/learn_web_development/core/styling_basics/combinators/index.md b/files/en-us/learn_web_development/core/styling_basics/combinators/index.md index 0f3e9e489ee01e1..e8f09a86a4e6f69 100644 --- a/files/en-us/learn_web_development/core/styling_basics/combinators/index.md +++ b/files/en-us/learn_web_development/core/styling_basics/combinators/index.md @@ -243,7 +243,7 @@ It is often better to create a simple class and apply that to the element in que ## Test your skills! -You've reached the end of our set of lassons about selectors, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Selectors](/en-US/docs/Learn_web_development/Core/Styling_basics/Basic_selectors/Selectors_Tasks). +You've reached the end of our set of lessons about selectors, but can you remember the most important information? You can find some further tests to verify that you've retained this information before you move on — see [Test your skills: Selectors](/en-US/docs/Learn_web_development/Core/Styling_basics/Basic_selectors/Selectors_Tasks). ## Summary diff --git a/files/en-us/learn_web_development/core/styling_basics/debugging_css/index.md b/files/en-us/learn_web_development/core/styling_basics/debugging_css/index.md index 638d6c808c3ebd1..eb068c677db2742 100644 --- a/files/en-us/learn_web_development/core/styling_basics/debugging_css/index.md +++ b/files/en-us/learn_web_development/core/styling_basics/debugging_css/index.md @@ -183,7 +183,7 @@ That's it for all the lessons in this module. To finish it off, we'll test your ## See also -- [Firefox > Examing and edit CSS](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html), Firefox Source Docs +- [Firefox > Examine and edit CSS](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html), Firefox Source Docs - [Chrome > View and change CSS](https://developer.chrome.com/docs/devtools/css/), developer.chrome.com {{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension", "Learn_web_development/Core/Styling_basics")}} diff --git a/files/en-us/learn_web_development/extensions/async_js/implementing_a_promise-based_api/index.md b/files/en-us/learn_web_development/extensions/async_js/implementing_a_promise-based_api/index.md index bd4f397045ed0bb..08012e78e44bae2 100644 --- a/files/en-us/learn_web_development/extensions/async_js/implementing_a_promise-based_api/index.md +++ b/files/en-us/learn_web_development/extensions/async_js/implementing_a_promise-based_api/index.md @@ -15,7 +15,7 @@ In the last article we discussed how to use APIs that return promises. In this a Prerequisites: - A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lesosns in this module. + A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lessons in this module. diff --git a/files/en-us/learn_web_development/extensions/async_js/introducing/index.md b/files/en-us/learn_web_development/extensions/async_js/introducing/index.md index b7f31933aa82894..b656de456254339 100644 --- a/files/en-us/learn_web_development/extensions/async_js/introducing/index.md +++ b/files/en-us/learn_web_development/extensions/async_js/introducing/index.md @@ -25,7 +25,7 @@ In this article, we'll explain what asynchronous programming is, why we need it,
  • To gain familiarity with what asynchronous JavaScript is, how it differs from synchronous JavaScript, and why we need it.
  • What synchronous programming is, and why it can sometimes be problematic.
  • How asynchronous programming aims to solve these problems.
    • -
  • Event handlers and callback functions, and how they relate to asychronous programming.
    • +
  • Event handlers and callback functions, and how they relate to asynchronous programming.
    • diff --git a/files/en-us/learn_web_development/extensions/async_js/introducing_workers/index.md b/files/en-us/learn_web_development/extensions/async_js/introducing_workers/index.md index a853fffb6dd6aac..955ab7c7993913c 100644 --- a/files/en-us/learn_web_development/extensions/async_js/introducing_workers/index.md +++ b/files/en-us/learn_web_development/extensions/async_js/introducing_workers/index.md @@ -15,7 +15,7 @@ In this final article in our "Asynchronous JavaScript" module, we'll introduce _ Prerequisites: - A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lesosns in this module. + A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lessons in this module. diff --git a/files/en-us/learn_web_development/extensions/async_js/promises/index.md b/files/en-us/learn_web_development/extensions/async_js/promises/index.md index 3e2943caa3cafd7..0ff94d19d175466 100644 --- a/files/en-us/learn_web_development/extensions/async_js/promises/index.md +++ b/files/en-us/learn_web_development/extensions/async_js/promises/index.md @@ -15,7 +15,7 @@ page-type: learn-module-chapter Prerequisites: - A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lesosns in this module. + A solid understanding of JavaScript fundamentals and asynchronous concepts, as covered in previous lessons in this module. diff --git a/files/en-us/learn_web_development/extensions/index.md b/files/en-us/learn_web_development/extensions/index.md index 21a13a1790b42ac..41da2b40be11cf2 100644 --- a/files/en-us/learn_web_development/extensions/index.md +++ b/files/en-us/learn_web_development/extensions/index.md @@ -10,7 +10,7 @@ Our **Extension modules** constitute useful additional skills to learn as web de ## Prerequisites -While there is no specific prequisite knowledge for starting any of these modules, it is advisable that you work through our [Core modules](/en-US/docs/Learn_web_development/Core) first, if you are a newcomer to web technologies. +While there is no specific prerequisite knowledge for starting any of these modules, it is advisable that you work through our [Core modules](/en-US/docs/Learn_web_development/Core) first, if you are a newcomer to web technologies. In particular, if you've never done any coding before, we'd recommend the [Your first website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website) module, which introduces you web technologies very gently and takes you through the process of building a simple website. diff --git a/files/en-us/learn_web_development/getting_started/index.md b/files/en-us/learn_web_development/getting_started/index.md index 10bd92aa4864a7f..3a9759f48d62151 100644 --- a/files/en-us/learn_web_development/getting_started/index.md +++ b/files/en-us/learn_web_development/getting_started/index.md @@ -10,7 +10,7 @@ Welcome to **Getting started**! If you are a complete beginner (i.e. you've not ## Prerequisites -There is no prequisite knowledge for starting this course. Also note that we don't consider learning these topics as required before moving on to the [Core modules](/en-US/docs/Learn_web_development/Core), but we believe students will have an easier time if they spend some time on these topics first. +There is no prerequisite knowledge for starting this course. Also note that we don't consider learning these topics as required before moving on to the [Core modules](/en-US/docs/Learn_web_development/Core), but we believe students will have an easier time if they spend some time on these topics first. ## Modules diff --git a/files/en-us/learn_web_development/getting_started/soft_skills/collaboration_and_teamwork/index.md b/files/en-us/learn_web_development/getting_started/soft_skills/collaboration_and_teamwork/index.md index ef075535a835243..cdab8b1a4abda86 100644 --- a/files/en-us/learn_web_development/getting_started/soft_skills/collaboration_and_teamwork/index.md +++ b/files/en-us/learn_web_development/getting_started/soft_skills/collaboration_and_teamwork/index.md @@ -28,7 +28,7 @@ As a professional in the web industry, you are going to have to work with other
  • Effective techniques to practice collaboration with teammates, including sharing useful information.
  • Learn to ask useful questions and help one another.
  • Widen the net to meetup groups or open source projects to find people to help and collaborate with.
    • -
  • Learn to not fear failure, and instead embrace it as an effectve learning tool.
    • +
  • Learn to not fear failure, and instead embrace it as an effective learning tool.
    • diff --git a/files/en-us/learn_web_development/getting_started/soft_skills/job_interviews/index.md b/files/en-us/learn_web_development/getting_started/soft_skills/job_interviews/index.md index 7287e716b4b5f93..f2b7855d10ccd21 100644 --- a/files/en-us/learn_web_development/getting_started/soft_skills/job_interviews/index.md +++ b/files/en-us/learn_web_development/getting_started/soft_skills/job_interviews/index.md @@ -61,7 +61,7 @@ TODO ## Selling yourself to would-be employers - Create a portfolio. -- Build the perfect resumé. +- Build the perfect résumé. - Get experience — build real projects and contribute to open source. - Build your online persona. - Use sites like [LinkedIn](https://www.linkedin.com/) to help with the above. diff --git a/files/en-us/learn_web_development/getting_started/web_standards/the_web_standards_model/index.md b/files/en-us/learn_web_development/getting_started/web_standards/the_web_standards_model/index.md index 382042e1b1b4b19..18a7515962b12b7 100644 --- a/files/en-us/learn_web_development/getting_started/web_standards/the_web_standards_model/index.md +++ b/files/en-us/learn_web_development/getting_started/web_standards/the_web_standards_model/index.md @@ -193,7 +193,7 @@ Because you don't know exactly what your users will use, you need to design defe You'll come across the below concepts at some point in your studies. -- **Progressive enhancement** is the practice of creating a minimal experience that provides the essential functionality to all users, and layering on a better experience and other enhancments in browsers that can support them. Progressive enhancement is often seen as unimportant, because browsers tend to support new features more consistently these days, and people tend to have faster internet connections. However, you should think about examples relevant to the modern day — cutting down on decoration to make a mobile experience smoother and save on data, or providing a simpler, lower-bandwidth experience for users in developing countries who might still pay for home internet by the megabyte. +- **Progressive enhancement** is the practice of creating a minimal experience that provides the essential functionality to all users, and layering on a better experience and other enhancements in browsers that can support them. Progressive enhancement is often seen as unimportant, because browsers tend to support new features more consistently these days, and people tend to have faster internet connections. However, you should think about examples relevant to the modern day — cutting down on decoration to make a mobile experience smoother and save on data, or providing a simpler, lower-bandwidth experience for users in developing countries who might still pay for home internet by the megabyte. - **Cross-browser compatibility** is the practice of trying to make sure your webpage works across as many devices as possible. This includes using technologies that all the browsers support, delivering better experiences to browsers that can handle them (progressive enhancement), and/or writing code so that it falls back to a simpler but still usable experience in older browsers (graceful degradation). It also involves a lot of testing to see if anything fails in certain browsers, and then more work to fix those failures. - **Responsive web design** is the practice of making your functionality and layouts flexible so they can automatically adapt to different browsers. An obvious example is a website that is laid out one way in a widescreen browser on the desktop, but displays as a more compact, single-column layout on mobile phone browsers. Try adjusting the width of your browser window now, and see what happens. - **Performance** means getting websites to load as quickly as possible, but also making them intuitive and easy to use so that users don't get frustrated and go somewhere else. diff --git a/files/en-us/learn_web_development/getting_started/your_first_website/adding_interactivity/index.md b/files/en-us/learn_web_development/getting_started/your_first_website/adding_interactivity/index.md index 4b2de502e3045d2..4719341e5b98b80 100644 --- a/files/en-us/learn_web_development/getting_started/your_first_website/adding_interactivity/index.md +++ b/files/en-us/learn_web_development/getting_started/your_first_website/adding_interactivity/index.md @@ -386,7 +386,7 @@ In this section, you will learn how to use JavaScript and DOM API features to al 1. Choose another image to feature on your example site. Ideally, the image will be the same size as the image you added previously, or as close as possible. 2. Save this image in your `images` folder. -3. Add the following JavaScript code to your `main.js` file, making sure to replace `firefox2.png` and both instances of `firefox-icon.png` with your second and first image names, respectvely. +3. Add the following JavaScript code to your `main.js` file, making sure to replace `firefox2.png` and both instances of `firefox-icon.png` with your second and first image names, respectively. ```js const myImage = document.querySelector("img"); diff --git a/files/en-us/learn_web_development/getting_started/your_first_website/index.md b/files/en-us/learn_web_development/getting_started/your_first_website/index.md index 70efba8cf25f354..9ff7f2709895196 100644 --- a/files/en-us/learn_web_development/getting_started/your_first_website/index.md +++ b/files/en-us/learn_web_development/getting_started/your_first_website/index.md @@ -36,7 +36,7 @@ If this is not the case, we'd suggest that you run through the [Environment setu - : JavaScript is a programming language that adds interactivity to websites. This happens in games, in the behavior of responses when buttons are pressed or with data entry on forms, with dynamic styling, with animation, etc. This article helps you get started with JavaScript and furthers your understanding of what is possible. -- [Publishing your webaite](/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Publishing_your_website) +- [Publishing your website](/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Publishing_your_website) - : Once you finish writing the code and organizing the files that make up your website, you need to put it all online so people can find it. This article explains how to get your sample website online with little effort. diff --git a/files/en-us/learn_web_development/getting_started/your_first_website/styling_the_content/index.md b/files/en-us/learn_web_development/getting_started/your_first_website/styling_the_content/index.md index dcf3c4d7653ac22..a213b0e69af9b09 100644 --- a/files/en-us/learn_web_development/getting_started/your_first_website/styling_the_content/index.md +++ b/files/en-us/learn_web_development/getting_started/your_first_website/styling_the_content/index.md @@ -315,10 +315,10 @@ Next, we center the image to make it look better. We could use the same `margin: The {{htmlelement("body")}} is a **block** element, meaning it takes up space on the page. The margin applied to a block element will be respected by other elements on the page. In contrast, images are **inline** elements; for the auto margin trick to work on this image, we must give it block-level behavior using `display: block;`. -Finally, we include `max-width: 100%;` to make sure that, if the image is larger than the `width` set on the body (600 pixels), it will be displayed at this width, and no biger. +Finally, we include `max-width: 100%;` to make sure that, if the image is larger than the `width` set on the body (600 pixels), it will be displayed at this width, and no bigger. > [!NOTE] -> Don't be too concerned if you don't completely understand `display: block;` and the differences between a block element and an inline element, or `max-width: 100%;`. They will make more sense as you continue your study of CSS. You can find more information about these propeties on MDN's {{cssxref("display")}} and {{cssxref("max-width")}} reference pages. +> Don't be too concerned if you don't completely understand `display: block;` and the differences between a block element and an inline element, or `max-width: 100%;`. They will make more sense as you continue your study of CSS. You can find more information about these properties on MDN's {{cssxref("display")}} and {{cssxref("max-width")}} reference pages. ## Conclusion diff --git a/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md index 7f5ed6f12fcf165..776d61864358d9e 100644 --- a/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md +++ b/files/en-us/mdn/writing_guidelines/page_structures/sidebars/index.md @@ -95,7 +95,7 @@ If you want to use custom link text, you need to include two keys inside the lis ```yaml sidebar: - - title: Our changlog + - title: Our changelog link: /MDN/Changelog ``` @@ -177,7 +177,7 @@ sidebar: This renders a sidebar with a section title that links back to the Glossary landing page, and a top-level list of links to all the glossary child pages. -If you wanted to render this as a parent list item with the subpages appearing as an expanding/collapsing child list, you would need to additionally include a `title` key specifying the text to display for the parent item litem, and a `details` key specifying the open/close behavior of the `
    `/`` structure. +If you wanted to render this as a parent list item with the subpages appearing as an expanding/collapsing child list, you would need to additionally include a `title` key specifying the text to display for the parent item, and a `details` key specifying the open/close behavior of the `
    `/`` structure. ```yaml sidebar: @@ -326,7 +326,7 @@ When the sidebar is rendered, the system replaces the `Input_types` text with it - https://developer.mozilla.org/fr/docs/Web/HTML - https://developer.mozilla.org/ja/docs/Web/HTML -If an MDN locale is accessed that does not have a value defined for a particular placeholder, it defaults to the `en-US` version. If an `en-US` version is not defined, the literal placegolder text is displayed (which would be `Input_types`, in the above case). +If an MDN locale is accessed that does not have a value defined for a particular placeholder, it defaults to the `en-US` version. If an `en-US` version is not defined, the literal placeholder text is displayed (which would be `Input_types`, in the above case). ## Non-standard sidebars diff --git a/files/en-us/web/api/dommatrix/rotateself/index.md b/files/en-us/web/api/dommatrix/rotateself/index.md index 51a6e2810979943..407abb3c6438454 100644 --- a/files/en-us/web/api/dommatrix/rotateself/index.md +++ b/files/en-us/web/api/dommatrix/rotateself/index.md @@ -30,7 +30,7 @@ DOMMatrix.rotateSelf(rotX, rotY, rotZ) - `rotZ` {{optional_inline}} - : A number; the z-coordinate of the vector denoting the axis of rotation -If only one parameter is passed, `rotZ` is the value of `rotX`, and both `rotx` and `rotY` are `0`, and the rotation is a 2D rotation. If `rotX` and `rotY` are non-zero, the [`is_2d`](/en-US/docs/Web/API/DOMMatrix#is2d) is `false`. +If only one parameter is passed, `rotZ` is the value of `rotX`, and both `rotX` and `rotY` are `0`, and the rotation is a 2D rotation. If `rotX` and `rotY` are non-zero, the [`is_2d`](/en-US/docs/Web/API/DOMMatrix#is2d) is `false`. ### Return value diff --git a/files/en-us/web/mathml/index.md b/files/en-us/web/mathml/index.md index 37b9ec9aaadadd6..4a3d02886fa7b89 100644 --- a/files/en-us/web/mathml/index.md +++ b/files/en-us/web/mathml/index.md @@ -47,7 +47,7 @@ Below you will find links to documentation, examples, and tools to work with Mat - [MathML attribute reference](/en-US/docs/Web/MathML/Attribute) - : Information about MathML attributes that modify the appearance or behavior of elements. - [MathML attribute values](/en-US/docs/Web/MathML/Attribute) - - : Further information about MathML atribute values. + - : Further information about MathML attribute values. - [MathML examples](/en-US/docs/Web/MathML/Examples) - : MathML samples and examples to help you understand how it works. diff --git a/files/en-us/web/security/attacks/xss/index.md b/files/en-us/web/security/attacks/xss/index.md index bcc70c4de83d18c..e0697f0e5ce25dc 100644 --- a/files/en-us/web/security/attacks/xss/index.md +++ b/files/en-us/web/security/attacks/xss/index.md @@ -106,7 +106,7 @@ To exploit this vulnerability, an attacker sends the user a link like this: When the user clicks the link: -1. The browser sends a GET request to the server. The request's URL parameter contains the malicous code. +1. The browser sends a GET request to the server. The request's URL parameter contains the malicious code. 2. The server extracts the URL parameter value and embeds it in the page. 3. The server returns the page to the browser, which runs it. @@ -310,7 +310,7 @@ The recommended approach to mitigating XSS with a CSP is a [strict CSP](/en-US/d ### Defense summary checklist -We can summarise the defenses above as follows: +We can summarize the defenses above as follows: - When interpolating input into a page, either in the browser or in the server, use a templating engine that performs output encoding. - Be aware of the context in which you are interpolating input, and ensure that the appropriate output encoding will be performed in that context. diff --git a/files/en-us/webassembly/javascript_builtins/index.md b/files/en-us/webassembly/javascript_builtins/index.md index 67b928df130c163..4f97dac796dc6d1 100644 --- a/files/en-us/webassembly/javascript_builtins/index.md +++ b/files/en-us/webassembly/javascript_builtins/index.md @@ -152,7 +152,7 @@ You can build up the example by following the steps below. In addition, you can ### JavaScript -The JavaScript for the example is shown below. To test this locally, include it in an HTML page using a method of your chooosing (for example, inside {{htmlelement("script")}} tags, or in an external `.js` file referenced via `