gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

russian translation for CSS progressive enhancement (#30993)

Browse Source 
Added a russian translation for CSS progressive enhancement
This commit is contained in:
lastsannin
2019-08-07 21:17:44 +04:00
committed by Randell Dawson
parent ed5e01bdd3
commit 279d894a18
1 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
guide/russian/css/progressive-enhancement/index.md
View File

@ -3,9 +3,27 @@ title: Progressive Enhancement
localeTitle: Прогрессивное улучшение localeTitle: Прогрессивное улучшение
--- ---
## Прогрессивное улучшение ## Прогрессивное улучшение
**Прогрессивное улучшение** предполагает, что веб-интерфейсы должны создаваться поэтапно, циклически, от простого к сложному. На каждом из этапов должен получаться законченный веб-интерфейс, который будет лучше, красивее и удобнее предыдущего. Можно сказать, что сейчас таких этапов четыре:
Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/css/progressive-enhancement/index.md) . 1. «Старый-добрый-HTML»
2. «CSS»
3. «CSS3»
4. «JavaScript»
[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) . На первом этапе исходное содержание страницы размечается с помощью HTML. На этом этапе необходимо сделать логичную и семантически правильную разметку. Никакого дополнительного оформления не осуществляется. В результате получается корректно размеченный HTML-документ, который браузер отображает так, как считает нужным. Такой документ можно назвать «наименьшим общим знаменателем», так как он будет корректно отображаться в любом, даже самом простом, браузере. Прогрессивное улучшение настаивает, что первый этап является самым важным, так как нет в вебе ничего важнее, чем содержание.
На втором этапе документ оформляется с помощью старого доброго CSS и обретает более аккуратный вид: появляется сетка страницы, задаются параметры шрифта элементов, фоновые изображения и так далее.
На третьем этапе применяются новые возможности из семейства спецификаций CSS3, и документ доводится до блеска: полупрозрачные плашки, круглые уголки, тени. Также с помощью CSS3 можно добавить различные анимационно-декоративные фишечки: постепенное затухание или смещение элементов, подсвечивание полей форм и так далее.
На четвёртом этапе до ума доводится процесс взаимодействия с интерфейсом: различные AJAX решения, динамические элементы, те же календарики и так далее. Тут вовсю используется JavaScript. Этот этап отвечает за удобство.
Резюмируем назначение описанных этапов:
1. Смысл документа, логическая разметка. Технология: HTML.
2. Внешний вид. Технология: CSS.
3. Безупречный внешний вид. Технология: CSS3.
4. Взаимодействие, интерактивность, удобство. Технология: JavaScript.
#### Дополнительная информация: #### Дополнительная информация:
[Больше о прогрессивном улучшении](https://htmlacademy.ru/blog/7-progressive-enhancement)