Перейти к содержимому
desing Дневник веб-инноваций и поиска

Метка: адаптивность

тестирование верстки сайта
Фронтенд

Тестирование верстки сайта перед запуском: чек-лист проверки

Я обычно не считаю верстку готовой в тот момент, когда страница впервые совпала с макетом. Это только половина работы. Настоящая проверка начинается позже: когда сайт открывают на телефоне, меняют ширину экрана, вставляют длинный заголовок и нажимают все, что должно нажиматься. И вот там часто всплывают мелочи, которые на макете не видны: горизонтальная прокрутка, обрезанный текст, […]

Читать
адаптивная верстка сайта
Разработка

Адаптивная и мобильная верстка сайта: что это и зачем нужна

Сайт может хорошо выглядеть на ноутбуке и плохо работать на телефоне: текст мелкий, кнопки неудобные, меню перекрывает экран, а таблица уезжает вправо. Для пользователя это не “особенность дизайна”, а причина закрыть страницу. Адаптивная верстка сайта — это способ сделать одну страницу удобной на смартфонах, планшетах, ноутбуках и больших экранах без отдельной мобильной версии. Коротко: адаптивный […]

Читать
адаптивный дизайн css
Веб-дизайн

Адаптивный дизайн css: главные принципы и лайфхаки

Приветствую всех, кто, как и я, не может спокойно спать без новых идей по развитию сайтов и их продвижению. Хочу поделиться своими мыслями и опытом об очень важной штуке, которая однажды спасла мой сайт от позорного провала. Речь идет про адаптивный дизайн css. В конце статьи дам несколько рекомендаций, которые и меня когда-то выручили, когда […]

Читать
принципы веб-дизайна
Веб-дизайн

Принципы веб-дизайна: основные правила и основы

Сайт может выглядеть современно, но всё равно терять заявки, продажи и доверие. Обычно проблема не в “некрасивом дизайне”, а в нарушенных принципах: непонятный первый экран, слабая иерархия, мелкий текст, запутанная навигация, медленная загрузка или неудобная мобильная версия. Принципы веб-дизайна помогают проектировать сайт не на вкус, а под задачу пользователя и бизнеса. Они показывают, как расставлять […]

Читать