Editing Web design (section)

=== Progressive enhancement ===
[[File:Progressive enhancement web design pyramid (HTML, CSS, JS).svg|thumb|The order of progressive enhancement]]
{{main article|Progressive enhancement}}
'''Progressive enhancement''' is a strategy in web design that puts emphasis on [[web content]] first, allowing [[Universal design|everyone to access]] the basic content and functionality of a web page, whilst [[user (computing)|users]] with additional browser features or faster Internet access receive the enhanced version instead.

In practice, this means serving content through [[HTML]] and applying styling and animation through [[CSS]] to the technically possible extent, then applying further enhancements through [[JavaScript]]. Pages' text is loaded immediately through the HTML source code rather than having to wait for JavaScript to initiate and load the content subsequently, which allows content to be readable with minimum loading time and bandwidth, and through [[text-based browser]]s, and maximizes [[backwards compatibility]].<ref>{{cite web |title=Building a resilient frontend using progressive enhancement |url=https://www.gov.uk/service-manual/technology/using-progressive-enhancement |website=GOV.UK |access-date=27 October 2021 |language=en}}</ref>

As an example, [[MediaWiki]]-based sites including Wikipedia use progressive enhancement, as they remain usable while JavaScript and even CSS is deactivated, as pages' content is included in the page's HTML source code, whereas counter-example [[Everipedia]] relies on JavaScript to load pages' content subsequently; a blank page appears with JavaScript deactivated.