diff --git a/files/en-us/games/techniques/3d_collision_detection/index.md b/files/en-us/games/techniques/3d_collision_detection/index.md index 36d50c447e805b7..f234282b0197d44 100644 --- a/files/en-us/games/techniques/3d_collision_detection/index.md +++ b/files/en-us/games/techniques/3d_collision_detection/index.md @@ -83,7 +83,7 @@ To check whether a sphere contains a point we need to calculate the distance bet ![Hand drawing of a 2D projection of a sphere and a point in a Cartesian coordinate system. The point is outside of the circle, to the lower right of it. The distance is denoted by a dashed line, labeled D, from the circle's center to the point. A lighter line shows the radius, labeled R, going from the center of the circle to the border of the circle.](point_vs_sphere.png) -Taking into account that the Euclidean distance between two points _A_ and _B_ is (Ax-Bx)2)+(Ay-By)2+(Az-Bz)\sqrt{(A_x - B_x) ^ 2) + (A_y - B_y)^2 + (A_z - B_z)} , our formula for point vs. sphere collision detection would work out like so: +Taking into account that the Euclidean distance between two points _A_ and _B_ is (Ax-Bx)2)+(Ay-By)2+(Az-Bz)\sqrt{(A_x - B_x) ^ 2) + (A_y - B_y)^2 + (A_z - B_z)}, our formula for point vs. sphere collision detection would work out like so: f(P,S)=Sradius(PxSx)2+(PySy)2+(PzSz)2f(P,S) = S_{radius} \ge \sqrt{(P_x - S_x)^2 + (P_y - S_y)^2 + (P_z - S_z)^2} diff --git a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md index 38c9500e53e1a9f..e3dc117574c141f 100644 --- a/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md +++ b/files/en-us/games/tutorials/2d_breakout_game_pure_javascript/build_the_brick_field/index.md @@ -32,7 +32,7 @@ const brickOffsetTop = 30; const brickOffsetLeft = 30; ``` -Here we've defined the number of rows and columns of bricks , their width and height, the padding between the bricks so they won't touch each other and a top and left offset so they won't start being drawn right from the edge of the Canvas. +Here we've defined the number of rows and columns of bricks, their width and height, the padding between the bricks so they won't touch each other and a top and left offset so they won't start being drawn right from the edge of the Canvas. We will hold all our bricks in a two-dimensional array. It will contain the brick columns (c), which in turn will contain the brick rows (r), which in turn will each contain an object containing the `x` and `y` position to paint each brick on the screen. Add the following just below your variables: diff --git a/files/en-us/glossary/url/index.md b/files/en-us/glossary/url/index.md index 53d422e3c510b81..a46b1941f15b481 100644 --- a/files/en-us/glossary/url/index.md +++ b/files/en-us/glossary/url/index.md @@ -10,7 +10,7 @@ tags: In the context of {{Glossary("HTTP")}}, URLs are called "Web address" or "link". Your {{glossary("browser")}} displays URLs in its address bar, for example: `https://developer.mozilla.org` Some browsers display only the part of a URL after the "//", that is, the {{Glossary("Domain name")}}. -URLs can also be used for file transfer ({{Glossary("FTP")}}) , emails ({{Glossary("SMTP")}}), and other applications. +URLs can also be used for file transfer ({{Glossary("FTP")}}), emails ({{Glossary("SMTP")}}), and other applications. ## See also diff --git a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md index af88c3c27b17431..a3e5eae32745dd5 100644 --- a/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md +++ b/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -184,7 +184,7 @@ The other `background-*` properties can also have comma-separated values in the ```css background-image: url(image1.png), url(image2.png), url(image3.png), url(image4.png); background-repeat: no-repeat, repeat-x, repeat; -background-position: 10px 20px, top right; +background-position: 10px 20px, top right; ``` Each value of the different properties will match up to the values in the same position in the other properties. Above, for example, `image1`'s `background-repeat` value will be `no-repeat`. However, what happens when different properties have different numbers of values? The answer is that the smaller numbers of values will cycle — in the above example there are four background images but only two `background-position` values. The first two position values will be applied to the first two images, then they will cycle back around again — `image3` will be given the first position value, and `image4` will be given the second position value. diff --git a/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md b/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md index 7cf787b3b9866ba..b943bf9df7aab18 100644 --- a/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md +++ b/files/en-us/learn/css/css_layout/legacy_layout_methods/index.md @@ -189,7 +189,7 @@ The gutters between the columns are 20 pixels wide. We create these gutters as a We need to subtract that from our total width of 960 pixels, giving us 720 pixels for our columns. If we now divide that by 12, we know that each column should be 60 pixels wide. -Our next step is to create a rule for the class `.col`, floating it left, giving it a {{cssxref("margin-left")}} of 20 pixels to form the gutter, and a {{cssxref("width")}} of 60 pixels. Add the following rule to the bottom of your CSS: +Our next step is to create a rule for the class `.col`, floating it left, giving it a {{cssxref("margin-left")}} of 20 pixels to form the gutter, and a {{cssxref("width")}} of 60 pixels. Add the following rule to the bottom of your CSS: ```css .col { diff --git a/files/en-us/learn/css/first_steps/what_is_css/index.md b/files/en-us/learn/css/first_steps/what_is_css/index.md index f636594b06106f3..8c5a261b9d6e77a 100644 --- a/files/en-us/learn/css/first_steps/what_is_css/index.md +++ b/files/en-us/learn/css/first_steps/what_is_css/index.md @@ -56,7 +56,7 @@ As we have mentioned before, CSS is a language for specifying how documents are A **document** is usually a text file structured using a markup language — {{Glossary("HTML")}} is the most common markup language, but you may also come across other markup languages such as {{Glossary("SVG")}} or {{Glossary("XML")}}. -**Presenting** a document to a user means converting it into a form usable by your audience. {{Glossary("browser","Browsers")}}, like {{Glossary("Mozilla Firefox","Firefox")}}, {{Glossary("Google Chrome","Chrome")}}, or {{Glossary("Microsoft Edge","Edge")}} , are designed to present documents visually, for example, on a computer screen, projector, or printer. +**Presenting** a document to a user means converting it into a form usable by your audience. {{Glossary("browser","Browsers")}}, like {{Glossary("Mozilla Firefox","Firefox")}}, {{Glossary("Google Chrome","Chrome")}}, or {{Glossary("Microsoft Edge","Edge")}}, are designed to present documents visually, for example, on a computer screen, projector, or printer. > **Note:** A browser is sometimes called a {{Glossary("User agent","user agent")}}, which basically means a computer program that represents a person inside a computer system. Browsers are the main type of user agents we think of when talking about CSS, however, they are not the only ones. There are other user agents available, such as those that convert HTML and CSS documents into PDFs to be printed. diff --git a/files/en-us/learn/forms/form_validation/index.md b/files/en-us/learn/forms/form_validation/index.md index 2bcf539eaef18b2..77064a29a8cf315 100644 --- a/files/en-us/learn/forms/form_validation/index.md +++ b/files/en-us/learn/forms/form_validation/index.md @@ -199,7 +199,7 @@ Below are some examples to give you a basic idea of how they work. - `a` — Matches one character that is `a` (not `b`, not `aa`, and so on). - `abc` — Matches `a`, followed by `b`, followed by `c`. - `ab?c`—Matches `a`, optionally followed by a single `b`, followed by `c`. (`ac` or `abc`) -- `ab*c`—Matches `a`, optionally followed by any number of `b`s, followed by `c`. (`ac` , `abc`, `abbbbbc`, and so on). +- `ab*c`—Matches `a`, optionally followed by any number of `b`s, followed by `c`. (`ac`, `abc`, `abbbbbc`, and so on). - `a|b` — Matches one character that is `a` or `b`. - `abc|xyz` — Matches exactly `abc` or exactly `xyz` (but not `abcxyz` or `a` or `y`, and so on). diff --git a/files/en-us/learn/forms/how_to_build_custom_form_controls/example_3/index.md b/files/en-us/learn/forms/how_to_build_custom_form_controls/example_3/index.md index 2da98244cc509b3..284fdb89f6e8c83 100644 --- a/files/en-us/learn/forms/how_to_build_custom_form_controls/example_3/index.md +++ b/files/en-us/learn/forms/how_to_build_custom_form_controls/example_3/index.md @@ -221,7 +221,7 @@ window.addEventListener('load', () => { select.addEventListener('click', (event) => { toggleOptList(select); - }, false); + }, false); select.addEventListener('focus', (event) => { activeSelect(select, selectList); diff --git a/files/en-us/learn/forms/property_compatibility_table_for_form_controls/index.md b/files/en-us/learn/forms/property_compatibility_table_for_form_controls/index.md index 44197a8dc692b5f..dc308bdc21c33d7 100644 --- a/files/en-us/learn/forms/property_compatibility_table_for_form_controls/index.md +++ b/files/en-us/learn/forms/property_compatibility_table_for_form_controls/index.md @@ -387,7 +387,7 @@ See the `{{htmlelement("input/text", "text")}}`, `{{htmlelement("input/search", ### Buttons -See the `{{htmlelement("input/button", "button")}}`, `{{htmlelement("input/submit", "submit")}}`, and `{{htmlelement("input/reset", "reset")}}` input types and the `{{htmlelement("button")}}` element. +See the `{{htmlelement("input/button", "button")}}`, `{{htmlelement("input/submit", "submit")}}`, and `{{htmlelement("input/reset", "reset")}}` input types and the `{{htmlelement("button")}}` element. @@ -1104,7 +1104,7 @@ See the `{{htmlelement("input/checkbox", "checkbox")}}` and `{{htmlelement("inpu ### Select boxes (single line) -See the `{{htmlelement("select")}}`, `{{htmlelement("optgroup")}}` and `{{htmlelement("option")}}` elements. +See the `{{htmlelement("select")}}`, `{{htmlelement("optgroup")}}` and `{{htmlelement("option")}}` elements.
diff --git a/files/en-us/learn/forms/your_first_form/index.md b/files/en-us/learn/forms/your_first_form/index.md index bd5ecf81badcfdb..12bd9b13e56c9b8 100644 --- a/files/en-us/learn/forms/your_first_form/index.md +++ b/files/en-us/learn/forms/your_first_form/index.md @@ -150,7 +150,7 @@ To define the default value of an {{HTMLElement("input")}} element you have to u ``` -On the other hand, if you want to define a default value for a {{HTMLElement("textarea")}}, you put it between the opening and closing tags of the {{HTMLElement("textarea")}} element, like this: +On the other hand, if you want to define a default value for a {{HTMLElement("textarea")}}, you put it between the opening and closing tags of the {{HTMLElement("textarea")}} element, like this: ```html