Ағылшыншамен салыстырыңыз: абзацты басыңыз — түпнұсқа терезеде ашылады. Абзац астындағы EN түймесі оны мәтін ішінде көрсетеді.
Кіріспе
Веб-дизайн стратегиясы веб-мазмұнына баса назар аудару
Web design strategy putting emphasis web content first
Прогрессивті жақсарту – веб-дизайндағы стратегия, ол бірінші кезекте веб-мазмұнына назар аударады, бұл әрбір адамға веб-беттің негізгі мазмұны мен функционалдығына қол жеткізуге мүмкіндік береді, ал қосымша браузер мүмкіндіктері немесе жоғары жылдамдықты интернетке қол жеткізуі бар пайдаланушылар оның орнына жақсартылған нұсқаны көреді. Бұл стратегия жүктеу жылдамдығын арттырады және веб-іздеу жүйелерінің бетті тануын жеңілдетеді, себебі беттегі мәтін HTML бастапқы коды арқылы дереу жүктеледі, JavaScript басталуын күтудің қажеті жоқ, содан кейін мазмұн жүктеледі. Яғни, тұтынуға дайын мазмұн "қораптан" дереу ұсынылады, қосымша қабаттардың артында емес. Бұл стратегия мазмұннан көрсету семантикасын бөлуді қамтиды, көрсету клиенттің браузерінің немесе интернет-қосылымының ерекшеліктеріне байланысты іске қосылатын бір немесе бірнеше қосымша қабаттарда жүзеге асырылады. Практикада бұл веб-стандарттарының «ең төменгі ортақ белгісі» HTML арқылы мазмұнды ұсынуды, CSS арқылы стильдеу мен анимацияны техникалық мүмкіндіктер шегінде қолдануды, содан кейін JavaScript арқылы одан әрі жақсартуды білдіреді. Көптеген жылдар бойы кеңінен қолданылған кезде, ескірген Adobe Flash та JavaScript-пен соңғы орынды бөліскен болуы мүмкін. Веб-браузерлер JavaScript-тегі бір қате немесе жоқ мүмкіндік салдарынан толық сайтты жүктемей, қолдау деңгейіне қарай сайттың мүмкіндіктерін жүктей алады, сондықтан прогрессивті жақсартуды қолданатын сайт тұрақтырақ және бұрынғы нұсқалармен үйлесімді болады. Бұл туралы 2003 жылдың наурыз және маусым айлары аралығында Webmonkey сайтында жарияланған мақалалар сериясінде айтылған. Әртүрлі экран ажыратымдарына бейімделетін беттік макеттің икемділігіне қатысты нақты Cascading Style Sheets (CSS) техникалары – бұл жауапты веб-дизайн ұғымымен байланысты. 2012 жылы net Magazine журналы Progressive Enhancement-ті 2012 жылғы ең үздік веб-дизайн трендтерінің тізімінде бірінші орынға қойды (жауапты дизайн екінші орында болды). Google «біздің жүйелерімізге (және көптеген браузерлерге) белгілі бір веб-дизайн мүмкіндіктері әлі қолдау көрсетілмеген кезде пайдалы мазмұн мен негізгі функционалдылықты көруге» көмектесу үшін прогрессивті жақсартуды қабылдауға шақырады.
Progressive enhancement is a strategy in web design that puts emphasis on web content first, allowing everyone to access the basic content and functionality of a web page, while users with additional browser features or faster Internet access receive the enhanced version instead. This strategy speeds up loading and facilitates crawling by web search engines, as text on a page is loaded immediately through the HTML source code rather than having to wait for JavaScript to initiate and load the content subsequently, meaning content ready for consumption "out of the box" is served immediately, and not behind additional layers. This strategy involves separating the presentation semantics from the content, with presentation being implemented in one or more optional layers, activated based on aspects of the browser or Internet connection of the client. In practice, this means serving content through HTML, the "lowest common denominator" of web standards, and applying styling and animation through CSS to the technically possible extent, then applying further enhancements through JavaScript. Deprecated Adobe Flash could be thought of as having shared the final spot with JavaScript while it was widely in use. Since web browsers can load site features to the extent supported rather than failing to load the entire site due to one error or missing feature in JavaScript, a progressively enhancing site is more stable and backwards compatible. and through a series of articles for Webmonkey which were published between March and June 2003. Specific Cascading Style Sheets (CSS) techniques pertaining to flexibility of the page layout accommodating different screen resolutions is the concept associated with responsive web design approach. In 2012, net Magazine chose Progressive Enhancement as #1 on its list of Top Web Design Trends for 2012 (responsive design was #2). Google has encouraged the adoption of progressive enhancement to help "our systems (and a wider range of browsers) see usable content and basic functionality when certain web design features are not yet supported".
Кіріспе
Бұл стратегия – бұрынғы «жақсы деградация» деп аталған веб-дизайн стратегиясының дамуы болып табылады, онда веб-беттер ең жаңа браузерлер үшін жасалған, бірақ содан кейін ескі браузерлерде де жақсы жұмыс істеуі қамтамасыз етілді.
The strategy is an evolution of a previous web design strategy known as graceful degradation, wherein Web pages were designed for the latest browsers first, but then made to work well in older versions of browser software.