Что такое RGBA и как задать прозрачный цвет
Как устроен цвет RGBA, что означает альфа-канал и чем он отличается от opacity. Примеры CSS, современная запись rgb() и проверка контраста.
БЛОГ S1 / САЙТ
Дизайн сайтов
Не только внешний вид: композиция, навигация и пользовательские сценарии. Материалы помогают подготовить дизайн, проверить макет и обосновать редизайн.
ЧИТАТЬ И ПРИМЕНЯТЬ
Материалы рубрики 30
30 материалов в подборке
Таблицы стилей CSS: каскад, наследование и поиск ошибок
Основы CSS с примерами: селекторы, каскад, наследование и медиазапросы. Как найти правило, которое мешает отображению страницы, и проверить исправление.
Как сделать резиновый сайт
Чем резиновая вёрстка отличается от адаптивной, как настроить контейнеры, изображения и колонки и проверить сайт на разных экранах.
Психология дизайна: как сделать сайт понятнее
Как использовать визуальную иерархию, группировку и предсказуемость интерфейса. Практические проверки без мифов об универсальном цвете продающей кнопки.
Как сделать дизайн сайта: порядок работы
Пошаговая работа над дизайном сайта: бриф, структура, прототип, визуальная система, адаптивные состояния и передача в разработку.
Как сделать сайт красивым и удобным
Как собрать цельный визуальный стиль сайта, расставить акценты, подобрать цвет и шрифт и проверить оформление на реальном содержании.
Таблица безопасных цветов: HEX, RGB и современный выбор палитры
Полная палитра из 216 web-safe цветов, соответствие HEX и RGB и объяснение, почему сегодня важнее проверять контраст и назначение цвета.
Как сделать фон сайта с помощью CSS
Как задать фон страницы или блока, настроить размер и положение картинки. Примеры CSS и проверка читаемости, мобильной версии и ошибок загрузки.
Виджет обратного звонка: как выбрать и проверить пользу для сайта
Чем обратный звонок отличается от обычной формы, какие расходы проверить и как настроить рабочее время, уведомления и аналитику без навязчивых окон.
Адаптивный дизайн сайта: что должно работать на разных экранах
Как устроен адаптивный сайт и как проверять его качество: сетка, текст, меню, таблицы, формы и сценарии на небольших экранах.
Как оценить дизайн сайта и понять, нужен ли редизайн
Как отличить устаревший внешний вид от реальных проблем сайта. Критерии оценки, выбор масштаба изменений и сохранение полезных страниц при редизайне.
Как стать дизайнером: направление, практика и портфолио
Как выбрать направление дизайна, освоить основы, собрать честное портфолио и подготовиться к первым рабочим задачам.
Правильный дизайн сайта: как проверить удобство, а не только внешний вид
Практические критерии дизайна сайта: задачи посетителя, информационная иерархия, мобильная версия, доступность, формы и проверка перед запуском.
Ошибки в дизайне сайта: что мешает посетителю
Как проверить навигацию, читаемость, мобильную версию, формы и перекрывающие блоки и расставить приоритеты исправлений в дизайне сайта.
Проверьте дизайн сайта: тест из десяти практических вопросов
Проверьте понятность первого экрана, мобильную версию, меню, формы и доступность. Десять вопросов с объяснениями и планом исправлений.
Разработка дизайна сайта: этапы, состав работ и приёмка
Как подготовить требования, структуру, прототип и макеты сайта, что передать разработчику и как проверить результат после вёрстки.
Какие шрифты использовать на сайте
Как выбрать шрифт для текста и заголовков, проверить кириллицу, подключить веб-шрифт и избежать проблем с загрузкой.
10 советов по веб-дизайну, которые можно проверить на своём сайте
Проверяемые рекомендации по дизайну: задача страницы, навигация, типографика, формы, мобильный вид, доступность и приёмка без субъективных оценок.
История веб-дизайна: от документов к рабочим интерфейсам
Как менялись задачи веб-дизайна: документы, оформление, интерактивность и разные экраны. Какие принципы остаются важными при обновлении сайта бизнеса.
Изображения в веб-дизайне: когда они помогают, а когда мешают
Как выбирать изображения для сайта: задача иллюстрации, достоверность, подписи, alt, мобильное кадрирование и техническая проверка без лишнего визуального шума.
Как повысить конверсию сайта
Как правильно считать конверсию, найти потери в пути посетителя, улучшить предложение и формы и проверить результат без универсальных обещаний.
Как сделать макет сайта: от схемы до передачи в разработку
Чем отличаются эскиз, прототип и дизайн-макет, как работать с содержанием, адаптивностью и состояниями интерфейса.
Как создать мобильный сайт: когда нужен WAP, а когда адаптивная страница
Разбираем два разных проекта: исторический WAP для старых устройств и современный мобильный сайт. Подготовка прототипа, выбор формата и проверка на телефоне.
Как сделать популярный сайт: полезность, удобство и доверие
Что делает сайт полезным для аудитории: понятная задача, удобные сценарии, актуальный контент и проверка качества до масштабирования трафика.
Конверсия и юзабилити сайта: как найти препятствия для клиента
Как связаны удобство сайта и конверсия: воронка, формы, мобильная версия, проверка гипотез и оценка качественных обращений.
Нужен ли адаптивный дизайн для SEO: что проверить на мобильном сайте
Как мобильная версия связана с поисковой оптимизацией. Проверка содержания, меню, форм, скорости и технических настроек без обещаний автоматического роста.
Мобильное приложение или адаптивный сайт: как выбрать для бизнеса
Когда бизнесу достаточно адаптивного сайта, когда оправдано приложение и что проверить в PWA. Сравнение по задачам, поддержке и привлечению клиентов.
Когда нужен редизайн сайта и как подготовить обновление
Как отличить необходимость редизайна от желания сменить оформление. Диагностика проблем, выбор масштаба обновления, карта URL и проверка сайта после запуска.
Как сделать бегущую строку на сайте с помощью CSS
Пример бегущей строки без устаревшего marquee: HTML, CSS, включение анимации пользователем и режим уменьшенного движения. Что проверить перед добавлением на сайт.
Как увеличить просмотры страниц сайта и не ухудшить опыт посетителя
Чем отличаются посещения и просмотры, когда глубина полезна и как улучшать внутренние переходы. Проверка аналитики, рекомендаций и навигации без искусственных кликов.
По вашему запросу ничего не найдено. Попробуйте другое слово или сбросьте фильтры.
ПРОДОЛЖИТЬ ЧТЕНИЕ
Смежные темы
ОТ ЗНАНИЙ К РАБОТЕ
Нужен план для вашего сайта?
Обсудим, какие изменения помогут вашему проекту. Основные направления S1 — SEO и контекстная реклама.