Быстрый адаптивный дизайн: повышаем производительность

Shoot me now…responsive design has seemingly become confused with an opportunity to reduce performance rather than improve it. (Пристрелите меня… похоже, что адаптивный дизайн воспринимается в качестве возможности снижения производительности, а не увеличения)

Stephanie Rieger

Адаптивный дизайн в современном мире IT – решение очень популярное. После того, как его начали применять такие гиганты, как Disney или Microsoft, интерес к адаптивной верстке стали проявлять самые разные компании. А решение Google повысить позиции в мобильной выдаче для адаптивных сайтов сделало этот вариант дизайна еще более востребованным. Читать далее Быстрый адаптивный дизайн: повышаем производительность

Share

Что такое кроссбраузерная верстка сайтов и для чего она необходима?

Интернет стал неотъемлемой частью жизни современного человека, превратившись в удобный и полезный инструмент не только для отдыха и развлечения, но и работы, учебы и самообразования. При этом отображаемая на web-страничках информация должна выглядеть красиво и четко, поскольку в противном случае сайт потеряет свою привлекательность для посетителей. Однако каждый из браузеров имеет свои особенности, а поэтому далеко не все web-страницы могут отображаться одинаково. Именно поэтому важно обеспечить кроссбраузерность — корректное отображение web-странички во всех браузерах. Читать далее Что такое кроссбраузерная верстка сайтов и для чего она необходима?

Share

Структура веб-сайта и иерархия контента

1

Способ организации и размещения контента на веб-сайте оказывает огромное влияние на пользовательский опыт. Информационная иерархия может делать пользовательский опыт как приятным и легким, так и запутанным и сложным. Не уделяя должного внимания иерархии контента, мы можем лишить себя большой части потенциальной аудитории – многие пользователи просто устанут искать на сайте интересующую их информацию.

Чтобы избежать этой ситуации, необходимо понимать, какие способы организации контента будут наиболее предпочтительными для конкретного ресурса. Читать далее Структура веб-сайта и иерархия контента

Share

Задание размера шрифта в единицах измерения ‘rem’ для слоев, извлекаемых из Photoshop

В автоматическом сервисе онлайн верстки сайтов добавлена возможность верстать размер шрифта в единицах измерения «rem». Читать далее Задание размера шрифта в единицах измерения ‘rem’ для слоев, извлекаемых из Photoshop

Share

Сервис CSS верстки сайтов теперь работает через безопасное соединение

Для увеличения уровня безопасности Читать далее Сервис CSS верстки сайтов теперь работает через безопасное соединение

Share

CSS верстка hover, active, visited, selected состояний

Такие HTML элементы сайта, как ссылки, кнопки, формы ввода и т.п. часто имеют несколько состояний, таких как «на элемент наведен курсор мыши», «на элемент кликнули мышью», «ссылка была посещена», «элемент активен». В каждом состоянии элемент может иметь разные стили. Читать далее CSS верстка hover, active, visited, selected состояний

Share

Автоматическая HTML верстка раскрывающегося списка опций из слоев Photoshop

В сервис автоматической CSS верстки веб сайтов была добавлена поддержка генерации раскрывающегося списка опций. Читать далее Автоматическая HTML верстка раскрывающегося списка опций из слоев Photoshop

Share

Автоматическая компрессия PNG изображений при HTML верстке сайта

Чтобы добиться максимальной скорости загрузки веб страницы, размер загружаемых браузером данных должен быть минимален. Обычно, основной объем данных приходится на изображения. Читать далее Автоматическая компрессия PNG изображений при HTML верстке сайта

Share

Добавлена возможность вручную задавать уровень компрессии jpg изображений, извлеченных из Photoshop

По умолчанию, уровень качества jpeg изображений, генерируемых программой автоматической CSS верстки из макета Photoshop, равен 90. Данный уровень компрессии хорошо подходит в качестве стандартного для большинства изображений. Читать далее Добавлена возможность вручную задавать уровень компрессии jpg изображений, извлеченных из Photoshop

Share