Уроки
Разборы, инструкции и практические заметки о вёрстке и веб-дизайне.
Основы веб-дизайна: что должен знать начинающий дизайнер сайтов
# Основы веб-дизайна: что должен знать начинающий дизайнер сайтов
Веб-дизайн — это не только «красиво подобрать цвета». Это способ сделать сайт понятным, удобным и визуально цельным, чтобы пользователь быстро находил нужное и не терялся в интерфейсе. Если вы только начинаете, важно сразу смотреть на дизайн не как на набор эффектов, а как на систему решений: структура, типографика, […]
Чек-лист по улучшению старого шаблона uCoz под современные стандарты
# Чек-лист по улучшению старого шаблона uCoz под современные стандарты
Старый шаблон uCoz часто выглядит «уставшим» не потому, что он плохой, а потому что его давно не обновляли под привычки пользователей, мобильные экраны и современные ожидания к удобству. Хорошая новость в том, что даже без полной переделки сайта можно заметно улучшить внешний вид, скорость и читаемость. […]
Инструменты для правки шаблонов uCoz: от встроенного редактора до кода
Правка шаблонов uCoz почти всегда начинается с простых вещей: поменять цвет, сдвинуть блок, заменить шрифт или добавить небольшой элемент в шапку. Помню свой первый фанатский сайт — я тогда три дня пытался подвинуть логотип на два пикселя левее, перебирая все настройки подряд. Смешно вспоминать, но именно так все и начинают. Чем глубже вы лезете в оформление, […]
Мини-курс по кастомизации шаблонов uCoz для начинающих
Когда я только начинал возиться с uCoz, каждая правка шаблона превращалась в лотерею: поменяешь цвет — съедет сайдбар, передвинешь блок — пропадет меню. Этот мини-курс построен именно на таком опыте: он показывает, как подстраивать шаблон под себя без лишнего риска и без паники. Вы разберетесь, где живут настройки, какие изменения безопасны, и как делать первые шаги осознанно, […]
Как сделать меню сайта uCoz удобным на смартфонах
Если на десктопе меню выглядит аккуратно, это ещё не значит, что на телефоне им удобно пользоваться. На маленьком экране длинная горизонтальная навигация часто ломается, уезжает за пределы экрана, превращается в мелкий набор ссылок или просто мешает контенту. В uCoz это особенно заметно на старых шаблонах, где меню изначально делали под широкие экраны.
Хорошая новость в […]
Переход от шаблонов uCoz к самостоятельной вёрстке: с чего начать
Если вы долго правили готовые шаблоны uCoz и чувствуете, что упёрлись в потолок, — это нормальный этап. В какой-то момент простых замен цвета, шрифта и блоков становится мало: хочется менять структуру страницы, собирать свои секции, управлять адаптивностью и не зависеть от чужого кода. Я сам прошёл этот путь: начинал с администрирования фанатских сайтов, где каждое изменение […]
Как аккуратно править CSS в шаблоне uCoz и не сломать сайт
Правка CSS в uCoz — это, пожалуй, самый быстрый способ привести шаблон к нужному виду без глубокого погружения в PHP-модули и десятки настроек. Но именно здесь новички чаще всего и попадают в ловушку: забывают про каскад, приоритеты, специфичность, лепят стили куда попало или редактируют не тот файл. Я сам через это проходил. Ниже — практическое руководство, которое […]
Обновляем старый шаблон uCoz под мобильные устройства
Когда-то мы верстали под фиксированные 1000 пикселей и считали, что этого достаточно. Сейчас открываешь такой сайт на телефоне — и видишь горизонтальную прокрутку, микроскопический текст и меню, в которое невозможно попасть пальцем. Старые uCoz-шаблоны не виноваты: они создавались в эпоху, когда мобильная верстка была скорее исключением, чем правилом. Но это не значит, что нужно сидеть и […]
Основы CSS для владельцев сайтов на uCoz: как работает оформление
Открываете панель управления uCoz, заходите в «Управление дизайном» — и видите строчки кода с color, margin, font-size. Ещё не CSS, но вы уже в шаге от него. Именно CSS управляет всем, что мы видим на сайте: от цвета фона до того, как кнопка отреагирует на наведение. Я сам когда-то начинал с того, что просто копировал […]