From d71da812ee94c20658cb1916a123a42254ea545c Mon Sep 17 00:00:00 2001 From: Joshua Chen Date: Wed, 7 Aug 2024 18:02:28 -0400 Subject: [PATCH] Update redirected links, part 8 (#35338) * Update redirected links, part 8 * Fix a redirect * Fix another * Update index.md Co-authored-by: Brian Thomas Smith * Update files/en-us/web/http/headers/permissions-policy/index.md * Update files/en-us/web/api/window/sessionstorage/index.md --------- Co-authored-by: Brian Thomas Smith --- .../publishing_games/game_distribution/index.md | 2 +- .../publishing_games/game_promotion/index.md | 2 +- .../games/techniques/3d_on_the_web/index.md | 2 +- files/en-us/glossary/cors/index.md | 2 +- files/en-us/glossary/ecmascript/index.md | 2 +- files/en-us/glossary/fingerprinting/index.md | 2 +- files/en-us/glossary/google_chrome/index.md | 2 +- files/en-us/glossary/html/index.md | 2 +- files/en-us/glossary/node.js/index.md | 2 +- files/en-us/glossary/router/index.md | 2 +- files/en-us/glossary/ruby/index.md | 2 +- .../en-us/glossary/synthetic_monitoring/index.md | 2 +- .../learn/accessibility/multimedia/index.md | 2 +- .../index.md | 2 +- .../set_up_a_local_testing_server/index.md | 2 +- .../tools_and_setup/using_github_pages/index.md | 2 +- .../web_mechanics/what_is_a_domain_name/index.md | 2 +- .../css/building_blocks/debugging_css/index.md | 2 +- .../css/building_blocks/organizing/index.md | 2 +- .../learn/css/styling_text/web_fonts/index.md | 2 +- .../sending_and_retrieving_form_data/index.md | 2 +- .../installing_basic_software/index.md | 4 ++-- .../publishing_your_website/index.md | 2 +- .../author_fast-loading_html_pages/index.md | 4 ++-- .../images_in_html/index.md | 2 +- .../other_embedding_technologies/index.md | 2 +- .../video_and_audio_content/index.md | 2 +- .../en-us/learn/javascript/asynchronous/index.md | 2 +- .../third_party_apis/index.md | 2 +- .../en-us/learn/javascript/objects/json/index.md | 2 +- .../performance/measuring_performance/index.md | 2 +- .../en-us/learn/performance/multimedia/index.md | 2 +- .../apache_configuration_htaccess/index.md | 2 +- .../learn/server-side/django/deployment/index.md | 4 ++-- .../express_nodejs/deployment/index.md | 2 +- .../first_steps/introduction/index.md | 2 +- .../first_steps/web_frameworks/index.md | 8 ++++---- .../ember_routing/index.md | 2 +- .../introduction/index.md | 2 +- .../svelte_getting_started/index.md | 4 ++-- .../cross_browser_testing/accessibility/index.md | 2 +- .../testing_strategies/index.md | 4 ++-- .../your_own_automation_environment/index.md | 2 +- .../command_line/index.md | 2 +- .../introducing_complete_toolchain/index.md | 2 +- .../overview/index.md | 2 +- .../api_constructor_subpage_template/index.md | 2 +- .../api_event_subpage_template/index.md | 2 +- .../api_landing_page_template/index.md | 2 +- .../api_method_subpage_template/index.md | 2 +- .../api_property_subpage_template/index.md | 2 +- .../api_reference_page_template/index.md | 2 +- .../page_types/aria_page_template/index.md | 2 +- .../css_function_page_template/index.md | 2 +- .../css_property_page_template/index.md | 2 +- .../css_selector_page_template/index.md | 2 +- .../html_element_page_template/index.md | 2 +- .../http_header_page_template/index.md | 2 +- .../svg_element_page_template/index.md | 2 +- .../writing_guidelines/what_we_write/index.md | 2 +- .../writing_style_guide/index.md | 2 +- .../web/accessibility/seizure_disorders/index.md | 2 +- files/en-us/web/api/canvas_api/index.md | 6 +++--- .../api/document_object_model/examples/index.md | 2 +- files/en-us/web/api/filesystementry/index.md | 2 +- .../api/indexeddb_api/using_indexeddb/index.md | 2 +- .../localid/index.md | 2 +- files/en-us/web/api/server-sent_events/index.md | 2 +- files/en-us/web/api/storage_api/index.md | 2 +- files/en-us/web/api/subtlecrypto/sign/index.md | 4 ++-- files/en-us/web/api/url_api/index.md | 2 +- files/en-us/web/api/url_pattern_api/index.md | 2 +- files/en-us/web/api/webgl_api/index.md | 6 +++--- .../webgl_api/matrix_math_for_the_web/index.md | 2 +- .../webglrenderingcontext/getextension/index.md | 2 +- .../getsupportedextensions/index.md | 2 +- files/en-us/web/api/websockets_api/index.md | 16 ++++++++-------- files/en-us/web/api/webvr_api/concepts/index.md | 2 +- files/en-us/web/api/webvr_api/index.md | 2 +- .../movement_and_motion/index.md | 2 +- .../en-us/web/api/window/sessionstorage/index.md | 4 ++-- files/en-us/web/api/xsltprocessor/index.md | 4 ++-- .../web/css/animation-timing-function/index.md | 2 +- .../css/css_fonts/opentype_fonts_guide/index.md | 4 ++-- .../css/css_fonts/variable_fonts_guide/index.md | 8 ++++---- files/en-us/web/css/css_grid_layout/index.md | 2 +- .../index.md | 2 +- files/en-us/web/css/specificity/index.md | 2 +- files/en-us/web/css/type_selectors/index.md | 2 +- files/en-us/web/css/universal_selectors/index.md | 2 +- .../html/global_attributes/itemscope/index.md | 2 +- files/en-us/web/html/microdata/index.md | 4 ++-- .../index.md | 2 +- .../web/http/headers/permissions-policy/index.md | 4 ++-- .../web/javascript/guide/introduction/index.md | 2 +- .../javascript_technologies_overview/index.md | 6 +++--- .../reference/global_objects/math/clz32/index.md | 2 +- files/en-us/web/mathml/authoring/index.md | 2 +- files/en-us/web/mathml/index.md | 2 +- .../cross-browser_audio_basics/index.md | 2 +- .../web/media/audio_and_video_delivery/index.md | 4 ++-- .../media/audio_and_video_manipulation/index.md | 2 +- files/en-us/web/opensearch/index.md | 4 ++-- .../web/performance/performance_budgets/index.md | 2 +- .../web/performance/rum-vs-synthetic/index.md | 2 +- .../errors/cookieblockedall/index.md | 2 +- .../errors/cookieblockedbypermission/index.md | 2 +- .../errors/cookieblockedforeign/index.md | 2 +- .../errors/cookieblockedtracker/index.md | 2 +- .../cycletracker/secure_connection/index.md | 2 +- .../corp/index.md | 2 +- .../web/security/subresource_integrity/index.md | 2 +- .../security/transport_layer_security/index.md | 2 +- files/en-us/web/svg/index.md | 4 ++-- files/en-us/web/svg/tutorial/index.md | 2 +- .../en-us/web/svg/tutorial/introduction/index.md | 2 +- files/en-us/web/xslt/index.md | 2 +- files/en-us/webassembly/concepts/index.md | 2 +- 118 files changed, 151 insertions(+), 151 deletions(-) diff --git a/files/en-us/games/publishing_games/game_distribution/index.md b/files/en-us/games/publishing_games/game_distribution/index.md index ade30d09747eeb0..77d6d4d998e9a9d 100644 --- a/files/en-us/games/publishing_games/game_distribution/index.md +++ b/files/en-us/games/publishing_games/game_distribution/index.md @@ -56,7 +56,7 @@ If you're working on a side project just for fun, then leaving the source open w As the name may suggest, publishers can handle the publishing of your game for you. Whether you should go that way or not depends on what your plan is for having your game distributed: Do you want to send it wherever possible, or do you want to restrict its presence to those who've bought an [exclusive license](/en-US/docs/Games/Publishing_games/Game_monetization)? It's up to you. Consider various options, experiment and conclude. Publishers will be explained in more detail in the [monetization](/en-US/docs/Games/Publishing_games/Game_monetization) article. -There are also independent portals collecting interesting games like [HTML5Games.com](https://html5games.com/), [GameArter.com](https://www.gamearter.com/), [MarketJS.com](https://www.marketjs.com/), [GameFlare](https://distribution.gameflare.com/), [GameDistribution.com](https://gamedistribution.com/), [Poki](https://developers.poki.com/), or [CrazyGames](https://developer.crazygames.com) where you can send your game in and it will get some natural promotion because of the big traffic those sites attract. Some of these take your files and host them on their server, whereas others only link to your website or embed your game on their site. Such exposure may just provide [promotion](/en-US/docs/Games/Publishing_games/Game_promotion) for your game, or if you have adverts shown beside your game (or other money making options) it may also provide monetization. +There are also independent portals collecting interesting games like [HTML5Games.com](https://html5games.com/), [GameArter.com](https://www.gamearter.com/), [MarketJS.com](https://www.marketjs.com/), [GameFlare](https://distribution.gameflare.com/), [GameDistribution.com](https://gamedistribution.com/), [Poki](https://developers.poki.com/), or [CrazyGames](https://developer.crazygames.com/) where you can send your game in and it will get some natural promotion because of the big traffic those sites attract. Some of these take your files and host them on their server, whereas others only link to your website or embed your game on their site. Such exposure may just provide [promotion](/en-US/docs/Games/Publishing_games/Game_promotion) for your game, or if you have adverts shown beside your game (or other money making options) it may also provide monetization. ### Web and native stores diff --git a/files/en-us/games/publishing_games/game_promotion/index.md b/files/en-us/games/publishing_games/game_promotion/index.md index baa9d4deb975452..d795f788be4dad3 100644 --- a/files/en-us/games/publishing_games/game_promotion/index.md +++ b/files/en-us/games/publishing_games/game_promotion/index.md @@ -20,7 +20,7 @@ You should definitely create your own website containing all the information abo You should also blog about everything related to your gamedev activities. Write about your development process, nasty bugs you encounter, funny stories, lessons learned, and the ups and downs of being a game developer. Continually publishing information about your games will help educate others, increase your reputation in the community, and further improve SEO. A further option is to publish [monthly reports](https://end3r.com/blog/?s=monthly+report) that summarize all your progress — it helps you see what you've accomplished throughout the month and what's still left to do, and it keeps reminding people that your game is coming out soon — building buzz is always good. -While you can create your website from scratch, there are also tools that can help make the process easier. [ManaKeep](https://manakeep.com) is a website builder made for indie game developers and provides a great starting point to create your website. [Presskit()](https://dopresskit.com/) is a press kit builder that helps you create a press page to share with the media. +While you can create your website from scratch, there are also tools that can help make the process easier. [ManaKeep](https://manakeep.com/) is a website builder made for indie game developers and provides a great starting point to create your website. [Presskit()](https://dopresskit.com/) is a press kit builder that helps you create a press page to share with the media. ## Social media diff --git a/files/en-us/games/techniques/3d_on_the_web/index.md b/files/en-us/games/techniques/3d_on_the_web/index.md index 627d044a9760a2c..d38488ae2f450ca 100644 --- a/files/en-us/games/techniques/3d_on_the_web/index.md +++ b/files/en-us/games/techniques/3d_on_the_web/index.md @@ -43,7 +43,7 @@ There's also the [Building up a basic demo with A-Frame](/en-US/docs/Games/Techn Coding raw WebGL is fairly complex, but you'll want to get to grips with it in the long run, as your projects get more advanced (see our [WebGL documentation](/en-US/docs/Web/API/WebGL_API) to get started.) For real-world projects you'll probably also make use of a framework to speed up development and help you manage the project you're working on. Using a framework for 3D games also helps optimize the performance as a lot is taken care of by the tools you use, so you can focus on building the game itself. -The most popular JavaScript 3D library is [Three.js](https://threejs.org/), a multipurpose tool that makes common 3D techniques simpler to implement. There are other popular game development libraries and frameworks worth checking too; [A-Frame](https://aframe.io), [PlayCanvas](https://playcanvas.com/) and [Babylon.js](https://www.babylonjs.com/) are among the most recognizable ones with rich documentation, online editors and active communities. +The most popular JavaScript 3D library is [Three.js](https://threejs.org/), a multipurpose tool that makes common 3D techniques simpler to implement. There are other popular game development libraries and frameworks worth checking too; [A-Frame](https://aframe.io/), [PlayCanvas](https://playcanvas.com/) and [Babylon.js](https://www.babylonjs.com/) are among the most recognizable ones with rich documentation, online editors and active communities. ### Building up a basic demo with A-Frame diff --git a/files/en-us/glossary/cors/index.md b/files/en-us/glossary/cors/index.md index 55b020434fb0880..2303159f9bbed17 100644 --- a/files/en-us/glossary/cors/index.md +++ b/files/en-us/glossary/cors/index.md @@ -37,4 +37,4 @@ The [same-origin security policy](/en-US/docs/Web/Security/Same-origin_policy) f - [Cross-Origin Resource Sharing (CORS)](/en-US/docs/Web/HTTP/CORS) - [Cross-origin resource sharing](https://en.wikipedia.org/wiki/Cross-origin_resource_sharing) on Wikipedia -- [Fetch specification](https://fetch.spec.whatwg.org) +- [Fetch specification](https://fetch.spec.whatwg.org/) diff --git a/files/en-us/glossary/ecmascript/index.md b/files/en-us/glossary/ecmascript/index.md index 2113e5300806ac5..d300ae35a7bb9cb 100644 --- a/files/en-us/glossary/ecmascript/index.md +++ b/files/en-us/glossary/ecmascript/index.md @@ -6,7 +6,7 @@ page-type: glossary-definition {{GlossarySidebar}} -**ECMAScript** is a scripting language specification on which {{glossary("JavaScript")}} is based. [Ecma International](https://www.ecma-international.org) is in charge of standardizing ECMAScript. +**ECMAScript** is a scripting language specification on which {{glossary("JavaScript")}} is based. [Ecma International](https://ecma-international.org/) is in charge of standardizing ECMAScript. ## See also diff --git a/files/en-us/glossary/fingerprinting/index.md b/files/en-us/glossary/fingerprinting/index.md index f2d2d1f8dee77fe..0f8a7cb9d40b87e 100644 --- a/files/en-us/glossary/fingerprinting/index.md +++ b/files/en-us/glossary/fingerprinting/index.md @@ -21,5 +21,5 @@ Web standards are designed in such a way as to minimize the ability of a website ## See also -- [Cover Your Tracks](https://coveryourtracks.eff.org): a tool to show the data a website can use to fingerprint your browser. +- [Cover Your Tracks](https://coveryourtracks.eff.org/): a tool to show the data a website can use to fingerprint your browser. - [Mitigating Browser Fingerprinting in Web Specifications](https://www.w3.org/TR/fingerprinting-guidance/): best practices for specification authors to prevent fingerprinting. diff --git a/files/en-us/glossary/google_chrome/index.md b/files/en-us/glossary/google_chrome/index.md index b637b008008e52c..8de6d95b3453efe 100644 --- a/files/en-us/glossary/google_chrome/index.md +++ b/files/en-us/glossary/google_chrome/index.md @@ -22,7 +22,7 @@ Use one of these links if you're an everyday user. ### For Web Developers -If you want to try the latest Chrome features, install one of the pre-stable builds. Google pushes updates frequently and has designed the distributions to run side-by-side with the stable version. Visit the [Chrome Releases Blog](https://chromereleases.googleblog.com) to learn what's new. +If you want to try the latest Chrome features, install one of the pre-stable builds. Google pushes updates frequently and has designed the distributions to run side-by-side with the stable version. Visit the [Chrome Releases Blog](https://chromereleases.googleblog.com/) to learn what's new. - [Chrome Dev for Android](https://play.google.com/store/apps/details?id=com.chrome.dev) - [Chrome Canary for desktop](https://www.google.com/chrome/canary/). diff --git a/files/en-us/glossary/html/index.md b/files/en-us/glossary/html/index.md index dc64753bd58e7a8..cc3685f2e083b30 100644 --- a/files/en-us/glossary/html/index.md +++ b/files/en-us/glossary/html/index.md @@ -12,7 +12,7 @@ page-type: glossary-definition In 1990, as part of his vision of the {{Glossary("World Wide Web","Web")}}, Tim Berners-Lee defined the concept of {{Glossary("hypertext")}}, which Berners-Lee formalized the following year through a markup mainly based on {{Glossary("SGML")}}. The {{Glossary("IETF")}} began formally specifying HTML in 1993, and after several drafts released version 2.0 in 1995. In 1994 Berners-Lee founded the {{Glossary("W3C")}} to develop the Web. In 1996, the W3C took over the HTML work and published the HTML 3.2 recommendation a year later. HTML 4.0 was released in 1999 and became an {{Glossary("ISO")}} standard in 2000. -At that time, the W3C nearly abandoned HTML in favor of {{Glossary("XHTML")}}, prompting the founding of an independent group called {{Glossary("WHATWG")}} in 2004. Thanks to WHATWG, work on HTML continued: the two organizations released the first draft of {{Glossary("HTML5")}} in 2008 and an official standard in 2014. The term "HTML5" is just a buzzword referring to modern web technologies which are part of the [HTML Living Standard](https://html.spec.whatwg.org). +At that time, the W3C nearly abandoned HTML in favor of {{Glossary("XHTML")}}, prompting the founding of an independent group called {{Glossary("WHATWG")}} in 2004. Thanks to WHATWG, work on HTML continued: the two organizations released the first draft of {{Glossary("HTML5")}} in 2008 and an official standard in 2014. The term "HTML5" is just a buzzword referring to modern web technologies which are part of the [HTML Living Standard](https://html.spec.whatwg.org/). ## Concept and syntax diff --git a/files/en-us/glossary/node.js/index.md b/files/en-us/glossary/node.js/index.md index bac9e60904baaf9..93bcfdc32c3c36b 100644 --- a/files/en-us/glossary/node.js/index.md +++ b/files/en-us/glossary/node.js/index.md @@ -10,7 +10,7 @@ Node.js is a cross-platform {{Glossary("JavaScript")}} runtime environment that ## Node Package Manager (npm) -[npm](https://www.npmjs.com) is a package manager that is downloaded and bundled alongside Node.js. Its command-line (CLI) client `npm` can be used to download, configure and create packages for use in Node.js projects. Downloaded packages can be imported by [ES imports](/en-US/docs/Web/JavaScript/Reference/Statements/import) and [CommonJS `require()`](https://en.wikipedia.org/wiki/CommonJS) without including the dependency directory `node_modules/` they are downloaded to, as Node.js [resolves](https://nodejs.org/api/modules.html#loading-from-node_modules-folders) packages without a relative or absolute path specified in their import. +[npm](https://www.npmjs.com/) is a package manager that is downloaded and bundled alongside Node.js. Its command-line (CLI) client `npm` can be used to download, configure and create packages for use in Node.js projects. Downloaded packages can be imported by [ES imports](/en-US/docs/Web/JavaScript/Reference/Statements/import) and [CommonJS `require()`](https://en.wikipedia.org/wiki/CommonJS) without including the dependency directory `node_modules/` they are downloaded to, as Node.js [resolves](https://nodejs.org/api/modules.html#loading-from-node_modules-folders) packages without a relative or absolute path specified in their import. Packages hosted on npm are downloaded from the registry at [https://registry.npmjs.org/](https://registry.npmjs.org/), but the CLI can be configured to use any compatible instance. diff --git a/files/en-us/glossary/router/index.md b/files/en-us/glossary/router/index.md index 058802e2086aae3..128d825390993a1 100644 --- a/files/en-us/glossary/router/index.md +++ b/files/en-us/glossary/router/index.md @@ -22,4 +22,4 @@ For SPA in application layer context, most of the popular SPA frameworks have th - [Angular router](https://angular.io/guide/router) - [React router](https://reactrouter.com/) -- [Vue router](https://router.vuejs.org) +- [Vue router](https://router.vuejs.org/) diff --git a/files/en-us/glossary/ruby/index.md b/files/en-us/glossary/ruby/index.md index 7e61712bbaa3adf..532018115bde02b 100644 --- a/files/en-us/glossary/ruby/index.md +++ b/files/en-us/glossary/ruby/index.md @@ -13,5 +13,5 @@ Ruby is also a method for annotating east Asian text in HTML documents to provid ## See also - [Ruby](https://en.wikipedia.org/wiki/Ruby_%28programming_language%29) on Wikipedia -- [Ruby's official website](https://www.ruby-lang.org) +- [Ruby's official website](https://www.ruby-lang.org/) - [Ruby On Rails' official website](https://rubyonrails.org/) diff --git a/files/en-us/glossary/synthetic_monitoring/index.md b/files/en-us/glossary/synthetic_monitoring/index.md index d23684339997917..563a5294a20c4ea 100644 --- a/files/en-us/glossary/synthetic_monitoring/index.md +++ b/files/en-us/glossary/synthetic_monitoring/index.md @@ -10,7 +10,7 @@ page-type: glossary-definition With a consistent baseline, synthetic monitoring is good for measuring the effects of code changes on performance. However, it doesn't necessarily reflect what users are experiencing. -Synthetic Monitoring involves deploying scripts to simulate the path an end-user might take through a web application, reporting back the performance of the simulator experiences. Examples of popular synthetic monitoring tools include [WebPageTest](https://webpagetest.org) and [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/). The traffic measured is not of your actual users, but rather synthetically generated traffic collecting data on page performance. +Synthetic Monitoring involves deploying scripts to simulate the path an end-user might take through a web application, reporting back the performance of the simulator experiences. Examples of popular synthetic monitoring tools include [WebPageTest](https://www.webpagetest.org/) and [Lighthouse](https://developer.chrome.com/docs/lighthouse/overview/). The traffic measured is not of your actual users, but rather synthetically generated traffic collecting data on page performance. Unlike {{Glossary("Real User Monitoring", "RUM")}}, synthetic monitoring provides a narrow view of performance that doesn't account for user differences, making it useful in getting basic data about an application's performance and spot-checking performance in development environments. Combined with other tools, such as network throttling, can provide excellent insight into potential problem areas. diff --git a/files/en-us/learn/accessibility/multimedia/index.md b/files/en-us/learn/accessibility/multimedia/index.md index 73a1699d2c45f43..5346fe1120e2d0d 100644 --- a/files/en-us/learn/accessibility/multimedia/index.md +++ b/files/en-us/learn/accessibility/multimedia/index.md @@ -240,7 +240,7 @@ In terms of actually creating the transcript, your options are: - Commercial services — You could pay a professional to do the transcription, see for example companies like [Scribie](https://scribie.com/), [Casting Words](https://castingwords.com/), or [Rev](https://www.rev.com/). Look around and ask for advice to make sure you find a reputable company that you'll be able to work with effectively. - Community/grassroots/self transcription — If you are part of an active community or team in your workplace, then you could ask them for help with doing the translations. You could even have a go at doing them yourself. -- Automated services — There are AI services available, like [Trint](https://trint.com) or [Transcribear](https://transcribear.com/index.html). Upload a video/audio file to the site, and it automatically transcribes it for you. On YouTube, you can choose to generate automated captions/transcripts. Depending on how clear the spoken audio is, the resulting transcript quality will vary greatly. +- Automated services — There are AI services available, like [Trint](https://trint.com/) or [Transcribear](https://transcribear.com/). Upload a video/audio file to the site, and it automatically transcribes it for you. On YouTube, you can choose to generate automated captions/transcripts. Depending on how clear the spoken audio is, the resulting transcript quality will vary greatly. As with most things in life, you tend to get what you pay for; different services will vary in accuracy and time taken to produce the transcript. If you pay a reputable company or AI service to do the transcription, you will probably get it done rapidly and to a high quality. If you don't want to pay for it, you are likely to get it done at a lower quality, and/or slowly. diff --git a/files/en-us/learn/common_questions/tools_and_setup/how_do_you_host_your_website_on_google_app_engine/index.md b/files/en-us/learn/common_questions/tools_and_setup/how_do_you_host_your_website_on_google_app_engine/index.md index c1ee308627df817..705abc755fa1d1b 100644 --- a/files/en-us/learn/common_questions/tools_and_setup/how_do_you_host_your_website_on_google_app_engine/index.md +++ b/files/en-us/learn/common_questions/tools_and_setup/how_do_you_host_your_website_on_google_app_engine/index.md @@ -35,7 +35,7 @@ Each Cloud Platform project can contain one App Engine application. Let's prepar Now that we've got our project made and sample app files collected together, let's publish our app. -1. Open [Google Cloud Shell](https://shell.cloud.google.com). +1. Open [Google Cloud Shell](https://shell.cloud.google.com/). 2. Drag and drop the `sample-app` folder into the left pane of the code editor. 3. Run the following in the command line to select your project: diff --git a/files/en-us/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md b/files/en-us/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md index edbccdc63d30bf6..2dcc6a5401ef704 100644 --- a/files/en-us/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md +++ b/files/en-us/learn/common_questions/tools_and_setup/set_up_a_local_testing_server/index.md @@ -139,7 +139,7 @@ The best approach for working with server side languages, such as Python, PHP, o If you're working with a web framework, usually the framework will provide its own development server. For example, the following languages/frameworks come with a development server: -- Python web frameworks, such as [Django](/en-US/docs/Learn/Server-side/Django), [Flask](https://flask.palletsprojects.com/), and [Pyramid](https://trypyramid.com). +- Python web frameworks, such as [Django](/en-US/docs/Learn/Server-side/Django), [Flask](https://flask.palletsprojects.com/), and [Pyramid](https://trypyramid.com/). - Node/JavaScript frameworks such as [Express Web Framework (Node.js/JavaScript)](/en-US/docs/Learn/Server-side/Express_Nodejs) - PHP has its own [built-in development server](https://www.php.net/manual/en/features.commandline.webserver.php): diff --git a/files/en-us/learn/common_questions/tools_and_setup/using_github_pages/index.md b/files/en-us/learn/common_questions/tools_and_setup/using_github_pages/index.md index b51569635e74260..041f968268154f1 100644 --- a/files/en-us/learn/common_questions/tools_and_setup/using_github_pages/index.md +++ b/files/en-us/learn/common_questions/tools_and_setup/using_github_pages/index.md @@ -16,7 +16,7 @@ GitHub is a very important and useful community to get involved in, and Git/GitH 1. First of all, [install Git](https://git-scm.com/downloads) on your machine. This is the underlying version control system software that GitHub works on top of. 2. Next, [sign up for a GitHub account](https://github.com/join). It's simple and easy. -3. Once you've signed up, log in to [github.com](https://github.com) with your username and password. +3. Once you've signed up, log in to [github.com](https://github.com/) with your username and password. ### Preparing your code for upload diff --git a/files/en-us/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md b/files/en-us/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md index 9d3aea1b2de3e36..5b07f1b415a8b07 100644 --- a/files/en-us/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md +++ b/files/en-us/learn/common_questions/web_mechanics/what_is_a_domain_name/index.md @@ -68,7 +68,7 @@ Each of those parts provides specific information about the whole domain name. The label located right before the TLD is also called a _Secondary Level Domain_ (SLD). - A domain name can have many labels (or components). It is not mandatory nor necessary to have 3 labels to form a domain name. For instance, [informatics.ed.ac.uk](https://informatics.ed.ac.uk/) is a valid domain name. For any domain you control (e.g. [mozilla.org](https://www.mozilla.org/en-US/)), you can create "subdomains" with different content located at each, like [developer.mozilla.org](/), [support.mozilla.org](https://support.mozilla.org/), or [bugzilla.mozilla.org](https://bugzilla.mozilla.org). + A domain name can have many labels (or components). It is not mandatory nor necessary to have 3 labels to form a domain name. For instance, [informatics.ed.ac.uk](https://informatics.ed.ac.uk/) is a valid domain name. For any domain you control (e.g. [mozilla.org](https://www.mozilla.org/en-US/)), you can create "subdomains" with different content located at each, like [developer.mozilla.org](/), [support.mozilla.org](https://support.mozilla.org/), or [bugzilla.mozilla.org](https://bugzilla.mozilla.org/). ### Buying a domain name diff --git a/files/en-us/learn/css/building_blocks/debugging_css/index.md b/files/en-us/learn/css/building_blocks/debugging_css/index.md index 22cc99174a8dc6f..18bf596b4a2595f 100644 --- a/files/en-us/learn/css/building_blocks/debugging_css/index.md +++ b/files/en-us/learn/css/building_blocks/debugging_css/index.md @@ -184,7 +184,7 @@ In the process of doing this, you may discover what is causing the problem, or a If you are still struggling to fix the problem then having a reduced test case gives you something to ask for help with, by posting to a forum, or showing to a co-worker. You are much more likely to get help if you can show that you have done the work of reducing the problem and identifying exactly where it happens, before asking for help. A more experienced developer might be able to quickly spot the problem and point you in the right direction, and even if not, your reduced test case will enable them to have a quick look and hopefully be able to offer at least some help. -In the instance that your problem is actually a bug in a browser, then a reduced test case can also be used to file a bug report with the relevant browser vendor (e.g. on Mozilla's [bugzilla site](https://bugzilla.mozilla.org)). +In the instance that your problem is actually a bug in a browser, then a reduced test case can also be used to file a bug report with the relevant browser vendor (e.g. on Mozilla's [bugzilla site](https://bugzilla.mozilla.org/)). As you become more experienced with CSS, you will find that you get faster at figuring out issues. However, even the most experienced of us sometimes find ourselves wondering what on earth is going on. Taking a methodical approach, making a reduced test case, and explaining the issue to someone else will usually result in a fix being found. diff --git a/files/en-us/learn/css/building_blocks/organizing/index.md b/files/en-us/learn/css/building_blocks/organizing/index.md index 79df478e623eae6..b6de822a7edd92c 100644 --- a/files/en-us/learn/css/building_blocks/organizing/index.md +++ b/files/en-us/learn/css/building_blocks/organizing/index.md @@ -388,7 +388,7 @@ If the partials are all loaded into an index file, as implied above, you can the ``` > [!NOTE] -> A simple way to try out Sass is to use [CodePen](https://codepen.io) — you can enable Sass for your CSS in the Settings for a Pen, and CodePen will then run the Sass parser for you in order that you can see the resulting webpage with regular CSS applied. Sometimes you will find that CSS tutorials have used Sass rather than plain CSS in their CodePen demos, so it is handy to know a little bit about it. +> A simple way to try out Sass is to use [CodePen](https://codepen.io/) — you can enable Sass for your CSS in the Settings for a Pen, and CodePen will then run the Sass parser for you in order that you can see the resulting webpage with regular CSS applied. Sometimes you will find that CSS tutorials have used Sass rather than plain CSS in their CodePen demos, so it is handy to know a little bit about it. #### Post-processing for optimization diff --git a/files/en-us/learn/css/styling_text/web_fonts/index.md b/files/en-us/learn/css/styling_text/web_fonts/index.md index a14ba683dd59700..67746b51cf8c4e0 100644 --- a/files/en-us/learn/css/styling_text/web_fonts/index.md +++ b/files/en-us/learn/css/styling_text/web_fonts/index.md @@ -91,7 +91,7 @@ You should use the [web-font-start.html](https://github.com/mdn/learning-area/bl For this example, we'll use two web fonts: one for the headings and one for the body text. To start with, we need to find the font files that contain the fonts. Fonts are created by font foundries and are stored in different file formats. There are generally three types of sites where you can obtain fonts: - A free font distributor: This is a site that makes free fonts available for download (there may still be some license conditions, such as crediting the font creator). Examples include [Font Squirrel](https://www.fontsquirrel.com/), [dafont](https://www.dafont.com/), and [Everything Fonts](https://everythingfonts.com/). -- A paid font distributor: This is a site that makes fonts available for a charge, such as [fonts.com](https://www.fonts.com/) or [myfonts.com](https://www.myfonts.com/). You can also buy fonts directly from font foundries, for example [Linotype](https://www.linotype.com/), [Monotype](https://www.monotype.com), or [Exljbris](https://www.exljbris.com/). +- A paid font distributor: This is a site that makes fonts available for a charge, such as [fonts.com](https://www.fonts.com/) or [myfonts.com](https://www.myfonts.com/). You can also buy fonts directly from font foundries, for example [Linotype](https://www.linotype.com/), [Monotype](https://www.monotype.com/), or [Exljbris](https://www.exljbris.com/). - An online font service: This is a site that stores and serves the fonts for you, making the whole process easier. See the [Using an online font service](#using_an_online_font_service) section for more details. Let's find some fonts! Go to [Font Squirrel](https://www.fontsquirrel.com/) and choose two fonts: a nice interesting font for the headings (maybe a nice display or slab serif font), and a slightly less flashy and more readable font for the paragraphs. When you've found a font, press the download button and save the file inside the same directory as the HTML and CSS files you saved earlier. It doesn't matter whether they are TTF (True Type Fonts) or OTF (Open Type Fonts). diff --git a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md index 77a6e3006302102..8c9d800e7f77eff 100644 --- a/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md +++ b/files/en-us/learn/forms/sending_and_retrieving_form_data/index.md @@ -240,7 +240,7 @@ if __name__ == "__main__": The two templates referenced in the above code are as follows (these need to be in a subdirectory called `templates` in the same directory as the `python-example.py` file, if you try to run the example yourself): -- [form.html](https://github.com/mdn/learning-area/blob/main/html/forms/sending-form-data/templates/form.html): The same form as we saw above in [The POST method](#the_post_method) section but with the `action` set to `\{{ url_for('hello') }}`. This is a [Jinja](https://jinja.palletsprojects.com) template, which is basically HTML but can contain calls to the Python code that is running the web server contained in curly braces. `url_for('hello')` is basically saying "redirect to `/hello` when the form is submitted". +- [form.html](https://github.com/mdn/learning-area/blob/main/html/forms/sending-form-data/templates/form.html): The same form as we saw above in [The POST method](#the_post_method) section but with the `action` set to `\{{ url_for('hello') }}`. This is a [Jinja](https://jinja.palletsprojects.com/) template, which is basically HTML but can contain calls to the Python code that is running the web server contained in curly braces. `url_for('hello')` is basically saying "redirect to `/hello` when the form is submitted". - [greeting.html](https://github.com/mdn/learning-area/blob/main/html/forms/sending-form-data/templates/greeting.html): This template just contains a line that renders the two bits of data passed to it when it is rendered. This is done via the `hello()` function seen above, which runs when the `/hello` URL is navigated to. > [!NOTE] diff --git a/files/en-us/learn/getting_started_with_the_web/installing_basic_software/index.md b/files/en-us/learn/getting_started_with_the_web/installing_basic_software/index.md index 1eb0355dd1c345d..280820e0f1ae6e1 100644 --- a/files/en-us/learn/getting_started_with_the_web/installing_basic_software/index.md +++ b/files/en-us/learn/getting_started_with_the_web/installing_basic_software/index.md @@ -22,7 +22,7 @@ For web development, you can probably do better than Notepad or TextEdit. We rec For now, we'll install a couple of desktop web browsers to test our code in. Make sure you install at least two of these browsers, from two different families (so you don't test in two browsers that use the same rendering engine): -- Chromium: [Chrome](https://www.google.com/chrome/), [Opera](https://www.opera.com/), [Brave](https://brave.com), [Microsoft Edge](https://www.microsoft.com/en-us/edge) +- Chromium: [Chrome](https://www.google.com/chrome/), [Opera](https://www.opera.com/), [Brave](https://brave.com/), [Microsoft Edge](https://www.microsoft.com/en-us/edge) - Gecko: [Firefox](https://www.mozilla.org/en-US/firefox/new/) - WebKit: [Safari](https://www.apple.com/safari/) (macOS and iOS only) @@ -37,7 +37,7 @@ The following looks like a scary list, but fortunately, you can get started in w - **A computer**. Maybe that sounds obvious to some people, but some of you are reading this article on your phone or a library computer. For serious web development, it's better to invest in a desktop or laptop computer running Windows, macOS or Linux. - **A text editor**, to write code in. This could be a text editor (e.g. [Visual Studio Code](https://code.visualstudio.com/), [Notepad++](https://notepad-plus-plus.org/), [Sublime Text](https://www.sublimetext.com/), [GNU Emacs](https://www.gnu.org/software/emacs/), or [VIM](https://www.vim.org/)), or a hybrid editor (e.g. [Dreamweaver](https://www.adobe.com/products/dreamweaver.html) or [WebStorm](https://www.jetbrains.com/webstorm/)). Office document editors are not suitable for this use, as they rely on hidden elements that interfere with the rendering engines used by web browsers. - **Web browsers**, to test code in. Currently, the most-used browsers are [Firefox](https://www.mozilla.org/en-US/firefox/new/), [Chrome](https://www.google.com/chrome/), [Safari](https://www.apple.com/safari/), and [Microsoft Edge](https://www.microsoft.com/en-us/edge). You should also test how your site performs on mobile devices and on any old browsers your target audience may still be using (such as IE 8–10). [Lynx](https://lynx.browser.org/), a text-based terminal web browser, is great for seeing how your site is experienced by visually-impaired users. -- **A graphics editor**, like [GIMP](https://www.gimp.org/), [Figma](https://www.figma.com/), [Paint.NET](https://www.getpaint.net/), [Photoshop](https://www.adobe.com/products/photoshop.html), [Sketch](https://www.sketch.com) or [XD](https://www.adobe.com/products/xd.html), to make images or graphics for your web pages. +- **A graphics editor**, like [GIMP](https://www.gimp.org/), [Figma](https://www.figma.com/), [Paint.NET](https://www.getpaint.net/), [Photoshop](https://www.adobe.com/products/photoshop.html), [Sketch](https://www.sketch.com/) or [XD](https://www.adobe.com/products/xd.html), to make images or graphics for your web pages. - **A version control system**, to manage files on servers, collaborate on a project with a team, share code and assets and avoid editing conflicts. Right now, [Git](https://git-scm.com/) is the most popular version control system along with the [GitHub](https://github.com/) or [GitLab](https://about.gitlab.com/) hosting service. - **An FTP program**, used on older web hosting accounts to manage files on servers ([Git](https://git-scm.com/) is increasingly replacing FTP for this purpose). There are loads of (S)FTP programs available including [Cyberduck](https://cyberduck.io/), [Fetch](https://fetchsoftworks.com/) and [FileZilla](https://filezilla-project.org/). - **An automation system,** like [Webpack](https://webpack.js.org/), [Grunt](https://gruntjs.com/), or [Gulp](https://gulpjs.com/) to automatically perform repetitive tasks, such as minifying code and running tests. diff --git a/files/en-us/learn/getting_started_with_the_web/publishing_your_website/index.md b/files/en-us/learn/getting_started_with_the_web/publishing_your_website/index.md index 45140df478a1637..664461e5be60c5d 100644 --- a/files/en-us/learn/getting_started_with_the_web/publishing_your_website/index.md +++ b/files/en-us/learn/getting_started_with_the_web/publishing_your_website/index.md @@ -29,7 +29,7 @@ In addition, you will need a {{Glossary("FTP", "File Transfer Protocol (FTP)")}} - MDN does not promote specific commercial hosting companies or domain name registrars. To find hosting companies and registrars, just search for "web hosting" and "domain names". All registrars will have a feature to allow you to check if the domain name you want is available. - Your home or office {{Glossary("ISP", "internet service provider")}} may provide some limited hosting for a small website. The available feature set will be limited, but it might be perfect for your first experiments. -- There are also free services available like [Neocities](https://neocities.org/), [Google Sites](https://sites.google.com/), [Blogger](https://www.blogger.com), and [WordPress](https://wordpress.com/). Sometimes you get what you pay for, but sometimes these resources are good enough for your initial experiments. +- There are also free services available like [Neocities](https://neocities.org/), [Google Sites](https://sites.google.com/), [Blogger](https://www.blogger.com/), and [WordPress](https://wordpress.com/). Sometimes you get what you pay for, but sometimes these resources are good enough for your initial experiments. - Many companies provide hosting and domains. ### Using an online tool like GitHub or Google App Engine diff --git a/files/en-us/learn/html/howto/author_fast-loading_html_pages/index.md b/files/en-us/learn/html/howto/author_fast-loading_html_pages/index.md index 4456c17dce09320..f4afd071b6f700f 100644 --- a/files/en-us/learn/html/howto/author_fast-loading_html_pages/index.md +++ b/files/en-us/learn/html/howto/author_fast-loading_html_pages/index.md @@ -20,7 +20,7 @@ Page weight is by far the most important factor in page-load performance. Reducing page weight through the elimination of unnecessary whitespace and comments, commonly known as minimization, and by moving inline script and CSS into external files, can improve download performance with minimal need for other changes in the page structure. -Tools such as [HTML Tidy](https://www.html-tidy.org) can automatically strip leading whitespace and extra blank lines from valid HTML source. Other tools can "compress" JavaScript by reformatting the source or by obfuscating the source and replacing long identifiers with shorter versions. +Tools such as [HTML Tidy](https://www.html-tidy.org/) can automatically strip leading whitespace and extra blank lines from valid HTML source. Other tools can "compress" JavaScript by reformatting the source or by obfuscating the source and replacing long identifiers with shorter versions. ### Minimize the number of files @@ -119,7 +119,7 @@ SVG produced by most drawing applications often contains unnecessary metadata wh ### Minify and compress your images -Large images cause your page to take more time to load. Consider compressing your images before adding them to your page, using compression features built into image-manipulation tools such as Photoshop, or using a specialized tool such as [Compress Jpeg](https://compressjpeg.com/) or [Tiny PNG](https://tinypng.com). +Large images cause your page to take more time to load. Consider compressing your images before adding them to your page, using compression features built into image-manipulation tools such as Photoshop, or using a specialized tool such as [Compress Jpeg](https://compressjpeg.com/) or [Tiny PNG](https://tinypng.com/). ### Specify sizes for images and tables diff --git a/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md b/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md index 0bf04c3027bc689..3fae81e66eb6aa2 100644 --- a/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md +++ b/files/en-us/learn/html/multimedia_and_embedding/images_in_html/index.md @@ -408,7 +408,7 @@ Search for images using a description of the image you are seeking along with re Some search engines have tools to help you find images with permissive licenses. For example, when using Google, go to the "Images" tab to search for images, then click "Tools". There is a "Usage Rights" dropdown in the resulting toolbar where you can choose to search specifically for images under creative commons licenses. -Image repository sites, such as [Flickr](https://flickr.com/), [ShutterStock](https://www.shutterstock.com), and [Pixabay](https://pixabay.com/), have search options to allow you to search just for permissively-licensed images. Some sites exclusively distribute permissively-licensed images and icons, such as [Picryl](https://picryl.com) and [The Noun Project](https://thenounproject.com/). +Image repository sites, such as [Flickr](https://flickr.com/), [ShutterStock](https://www.shutterstock.com/), and [Pixabay](https://pixabay.com/), have search options to allow you to search just for permissively-licensed images. Some sites exclusively distribute permissively-licensed images and icons, such as [Picryl](https://picryl.com/) and [The Noun Project](https://thenounproject.com/). Complying with the license the image has been released under is a matter of finding the license details, reading the license or instruction page provided by the source, and then following those instructions. Reputable image repositories make their license conditions clear and easy to find. diff --git a/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md b/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md index 93e6eeaf27dae40..e716622bdcb0bc5 100644 --- a/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md +++ b/files/en-us/learn/html/multimedia_and_embedding/other_embedding_technologies/index.md @@ -49,7 +49,7 @@ With the history lesson out of the way, let's move on and see how to use some of ## Active learning: classic embedding uses -In this article we are going to jump straight into an active learning section, to immediately give you a real idea of just what embedding technologies are useful for. The online world is very familiar with [YouTube](https://www.youtube.com), but many people don't know about some of the sharing facilities it has available. Let's look at how YouTube allows us to embed a video in any page we like using an {{htmlelement("iframe")}}. +In this article we are going to jump straight into an active learning section, to immediately give you a real idea of just what embedding technologies are useful for. The online world is very familiar with [YouTube](https://www.youtube.com/), but many people don't know about some of the sharing facilities it has available. Let's look at how YouTube allows us to embed a video in any page we like using an {{htmlelement("iframe")}}. 1. First, go to YouTube and find a video you like. 2. Below the video, you'll find a _Share_ button — select this to display the sharing options. diff --git a/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md b/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md index b1883ef1c346628..bb01b8d7b00d3f9 100644 --- a/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md +++ b/files/en-us/learn/html/multimedia_and_embedding/video_and_audio_content/index.md @@ -46,7 +46,7 @@ The first influx of online videos and audio were made possible by proprietary pl We won't be teaching you how to produce audio and video files — that requires a completely different skill set. We have provided you with [sample audio and video files and example code](https://github.com/mdn/learning-area/tree/main/html/multimedia-and-embedding/video-and-audio-content) for your own experimentation, in case you are unable to get hold of your own. > [!NOTE] -> Before you begin here, you should also know that there are quite a few OVPs (online video providers) like [YouTube](https://www.youtube.com/), [Dailymotion](https://www.dailymotion.com), and [Vimeo](https://vimeo.com/), and online audio providers like [Soundcloud](https://soundcloud.com/). Such companies offer a convenient, easy way to host and consume videos, so you don't have to worry about the enormous bandwidth consumption. OVPs even usually offer ready-made code for embedding video/audio in your webpages; if you use that route, you can avoid some of the difficulties we discuss in this article. We'll be discussing this kind of service a bit more in the next article. +> Before you begin here, you should also know that there are quite a few OVPs (online video providers) like [YouTube](https://www.youtube.com/), [Dailymotion](https://www.dailymotion.com/), and [Vimeo](https://vimeo.com/), and online audio providers like [Soundcloud](https://soundcloud.com/). Such companies offer a convenient, easy way to host and consume videos, so you don't have to worry about the enormous bandwidth consumption. OVPs even usually offer ready-made code for embedding video/audio in your webpages; if you use that route, you can avoid some of the difficulties we discuss in this article. We'll be discussing this kind of service a bit more in the next article. ### The \