Приветствую всех! В данной статье разберем как показать прелодер (preloader) во время загрузки страницы. То есть до тех пор пока DOM не будет готов у нас на странице будет показана анимация. Все это реализуем на чистом js + css, без использования jQuery. В качестве анимации можно использовать gif-картинку или сделать анимацию на чистом css. Вот пример гифки. И так, сначала добавим нtml-код прелодера на html-страницу где-нибудь ниже, например, перед закрывающим тегом body. Причем вставляем данный код на всех html-страницах, где должен показываться данный preloader...
Какая его роль? Прелоадер — это небольшая анимация, которую человек видит когда заходит на веб-страницу, другими словами — это индикатор загрузки. Это значимый элемент в веб-разработке с точки зрения юзерфрендли. Если человек заходит на "тяжёлый сайт", напичканный скриптами, файлами и т.п., ему нужно сказать что "всё норм, сайт загружается, подожди". Сказать это красиво помогут прелоадеры. Вот несколько примеров, которые сможет реализовать даже начинающий. 1. Лесенка загрузки Исходный код на Codepen - https://codepen...