Расширение мультимедийных возможностей: тренд одностраничных сайтов
Интернет – это великий уравнитель. Возможно, что такое утверждение кому-то покажется спорным, но для этого есть основания. Помните поговорку о том, что мужчина любит глазами, а женщина – ушами. Так вот, в глобальной сети все любят глазами, пусть прекрасный пол не обижается – факт зафиксирован и проверен, пользователи отдают предпочтение качественной графике и другим аудиовизуальным средствам получения информации. Разработка HTML5, в числе других, сделала упор на это наблюдение.
- Масштабируемая векторная графика (SVG). С помощью языка разметки рисуются любые изображения – тексты, линии, точки. Причем такой способ дает возможность браузерам совершать их быструю обработку и выводить результат на монитор компьютера, загрузка веб-страницы не зависает, а пользователи не тратят время на ожидание отклика сайта.
- Стандарт HTML5 видео. В предшествующей версии языка разметки, для внедрения видеопроигрывателя использовался, говоря простым языком, отдельный контейнер, в который встраивался внешний объект. Второй путь состоял в подключении программного инструмента, плагина, для использования модуля flash или silverlight. Оба способа загромождали код страницы, слабо взаимодействовали с ее содержимым и тормозили загрузку. HTML5 видео решил эту проблему. Мультимедийные файлы подключаются с помощью штатных программных средств, легко интегрируются в поле страницы и легко подвергаются оформлению с помощью каскадных таблиц стилей.
Конечно, это не все новшества, появившиеся в руках разработчиков сайтов с появлением новой версии языка разметки. Но учитывая сложившуюся в интернете тенденцию усиления мультимедийной компоненты, мы акцентируем внимание именно на элементах визуализации.
Революция CSS: одностраничники концентрируют лучшее
Рассмотреть язык разметки и не затронуть тему оформления страницы с помощью каскадных таблиц невозможно. Цвета, шрифты, расположение блоков верстки и их оформление – это зона ответственности CSS. И результат весьма наглядно проявляется именно на одностраничных сайтах. Они служат своеобразным катализатором достижений в области представления веб-страниц в интернете, концентрированно впитывают передовые технологии и опыт.
Тексты – важная часть одностраничного сайта, несущие двойную нагрузку. Во-первых, распознаются поисковыми системами и служат уровнями ранжирования страницы в выдаче. Во-вторых, отвечают за взаимодействие с пользователями интернета. Не отвлекаясь на описание важности содержательной части контента – к ней CSS прямого отношения не имеет – стили оформления непосредственно влияют на внешний вид и структуру текстов и заголовков. И в этой области они демонстрируют поистине великолепную работу.
- Легкое подключение дополнительных шрифтов и их использование на сайте.
- Цветовые решения для текстовых блоков, включающие в себя как работу со шрифтами, так и изменение фона.
- Создание визуальной текстовой логики – отступы, поля и границы, позволяющие максимально удобно расположить контент на поле веб-страницы.
Выравнивание, декорация, отступы между буквами и словами, направление текста, тени – все эти свойства регулируются с применением каскадных таблиц стилей оформления.
Одностраничный сайт: типовая задача для индивидуальных потребностей
Всплеск популярности одностраничных веб-сайтов возник не на пустом месте, ему предшествовало несколько событий. Расширившиеся возможности населения в области проникновения в глобальную сеть – здесь и широкополосный доступ, и бурное развитие технологий мобильного интернета, и, как следствие, повышение культуры пользователей. Интернет почти целиком перехватил инициативу на рынке информационных услуг, развивается сегмент торговли, бронирования и приобретения билетов, путевок, гостиниц. Перечень можно составить длинный, но и описанного достаточно чтобы понять – жизнь в режиме онлайн стала явлением повседневным, если не сказать, необходимым.
Роль одностраничных сайтов и их влияние на этот процесс в следующей статье.