From f1180eae81bc11e8ee1404d9a07ce25d7c7f0dce Mon Sep 17 00:00:00 2001 From: wbamberg Date: Tue, 12 Dec 2023 15:37:22 -0800 Subject: [PATCH] Review feedback --- .../css/css_layout/practical_positioning_examples/index.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/files/en-us/learn/css/css_layout/practical_positioning_examples/index.md b/files/en-us/learn/css/css_layout/practical_positioning_examples/index.md index 030efa58b9dd3bb..e3b81b1fda1aeb1 100644 --- a/files/en-us/learn/css/css_layout/practical_positioning_examples/index.md +++ b/files/en-us/learn/css/css_layout/practical_positioning_examples/index.md @@ -35,11 +35,7 @@ The first example we'll look at is a classic tabbed info box — a very common f > **Note:** You can see the finished example running live at [info-box.html](https://mdn.github.io/learning-area/css/css-layout/practical-positioning-examples/info-box.html) ([source code](https://github.com/mdn/learning-area/blob/main/css/css-layout/practical-positioning-examples/info-box.html)). Check it out to get an idea of what you will be building in this section of the article. -You might be thinking "why not just create the separate tabs as separate webpages, and just have the tabs clicking through to the separate pages to create the effect?" This code would be simpler, yes, but then each separate "page" view would actually be a newly-loaded webpage, which would make it harder to save information across views, and integrate this feature into a larger UI design. In addition, so-called "single page apps" are becoming very popular — especially for mobile web UIs — because having everything served as a single file cuts down on the number of HTTP requests required to view all the content, thereby improving performance. - -> **Note:** Some web developers take things even further, writing what's called a {{Glossary("SPA", "single-page app")}} consisting of only one page, which is updated with content fetched from the server using JavaScript APIs such as {{domxref("fetch()")}}. -> -> At this point in your learning, however, we want to keep things as simple as possible. There is some JavaScript later on, but only a tiny bit. +You might be thinking "why not just create the separate tabs as separate webpages, and just have the tabs clicking through to the separate pages to create the effect?" This code would be simpler, yes, but then each separate "page" view would actually be a newly-loaded webpage, which would make it harder to save information across views, and integrate this feature into a larger UI design. To start with, we'd like you to make a local copy of the starting HTML file — [info-box-start.html](https://github.com/mdn/learning-area/blob/main/css/css-layout/practical-positioning-examples/info-box-start.html). Save this somewhere sensible on your local computer, and open it up in your text editor. Let's look at the HTML contained within the body: