Эра вертикального контента: Видео, комиксы и глянец на смартфоне

Эра вертикального контента: Видео, комиксы и глянец на смартфоне

Или: Почему TikTok убил горизонтальное видео, а WEBTOON переизобрел журналы, но браузеры всё равно пытаются вас спасти 🎬 Пролог: Диафильмы из детства возвращаются Помните диафильмы? Вы вставляли плёнку в проектор, и картинки сменяли друг друга. Вы сидели и смотрели, листали вперёд, разглядывали детали. Это было вертикальное потребление контента задолго до смартфонов. Сейчас этот формат вернулся. Только вместо плёнки — экран телефона. Вместо проектора — приложение. А вместо диафильмов — комиксы,

Подробнее
Эра пост-ПК: Как интернет пережил расширение экранов и вернулся к 440 пикселям

Эра пост-ПК: Как интернет пережил расширение экранов и вернулся к 440 пикселям

Или: Почему ваш MacBook Pro за 3000 долларов показывает тот же сайт, что и смартфон за 300 🚛 Пролог: Транспортная аналогия Представьте дорожное движение. Легковые автомобили и электровелосипеды — их покупают почти все. Они удобны для повседневных задач: доехать до работы, заехать в магазин, отвезти ребёнка в школу. Это смартфоны. Грузовики и фургоны — коммерческий транспорт. На них не ездят ради удовольствия, на них работают. Они перевозят тонны груза, но требуют специальных прав, парковки и

Подробнее
Мобильная версия vs Адаптив: Или почему ваш сайт на телефоне всё ещё выглядит как кроссворд, а Цукерберг знает, чем вы завтракали

Мобильная версия vs Адаптив: Или почему ваш сайт на телефоне всё ещё выглядит как кроссворд, а Цукерберг знает, чем вы завтракали

Добро пожаловать в мир, где 60% трафика идёт с мобильных устройств, а 80% сайтов малого бизнеса на телефоне выглядят как инструкция к стиральной машине, отсканированная с трёхкратным увеличением! Сегодня разбираемся: почему «просто мобильная версия» — это часто не решение, а головная боль, но иногда без неё не обойтись. И почему Facebook* и Telegram* готовы на всё, лишь бы вы не заходили в них через браузер. [i]*Meta Platforms признана экстремистской организацией и запрещена в РФ **Telegram —

Подробнее
АльфаТракт - Разработка и верстка дизайн макета для платформы parts-soft

АльфаТракт - Разработка и верстка дизайн макета для платформы parts-soft

Для компании «Альфатракт» мы разработали уникальный и функциональный дизайн-макет интернет-магазина Parts-Soft, который стал надежной платформой для продажи запчастей к технике «МАЗ». Наша задача заключалась в создании интуитивно понятного интерфейса, который обеспечит пользователям легкий доступ к широкому ассортименту качественных запасных частей. Решение: 1. Анализ потребностей: Мы провели детальный анализ целевой аудитории и конкурентной среды, чтобы понять, какие функции и элементы дизайна

Подробнее
[Перевод] Наклонные края с постоянным углом в CSS

[Перевод] Наклонные края с постоянным углом в CSS

Данный материал – перевод статьи "Sloped edges with consistent angle in CSS" Килиана Валхофа. Мне, как начинающему forntend-разработчику, этот материал был интересен. Полагаю, эта статья будет полезна и другим начинающим или обучающимся фронтендерам. Читать далее

Подробнее
Работа с размерами изображений с помощью класса Uri в Joomla 4

Работа с размерами изображений с помощью класса Uri в Joomla 4

Парадокс, конечно, но это возможно. Казалось бы, причем тут класс ядра для работы со строками url. Но именно он может помочь нам в Joomla 4. Статья о том, как автоматически определять размеры файлов изображений для атрибутов width и height с помощью ядра Joomla 4 и не грузить сервер. Читать далее

Подробнее
Разработка и верстка дизайн макета для платформы parts-soft

Разработка и верстка дизайн макета для платформы parts-soft

Заказ на разработку дизайн-макета для платформы интернет-магазинов запасных частей parts-soft.ru мы реализуем уже не в первый раз. Суть задания: Реализовать дизайн интернет-магазина запчастей в фирменном стиле компании заказчика, но с учетом возможной платформы на которйо он будет работать.

Подробнее
[Перевод] Больше контроля над селектором :nth-child() с помощью синтаксиса of S

[Перевод] Больше контроля над селектором :nth-child() с помощью синтаксиса of S

Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child(). Читать далее

Подробнее
[Перевод] Стили заголовков в CSS: картинки, тени, анимации

[Перевод] Стили заголовков в CSS: картинки, тени, анимации

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. Читать далее

Подробнее
Мобильная версия сайта stservice.eu

Мобильная версия сайта stservice.eu

Верстка шаблона мобильной версии сайта для компании СпецТехСервис.

Подробнее
[Перевод] 3 способа использовать box-shadow в CSS

[Перевод] 3 способа использовать box-shadow в CSS

Тени помогают сделать визуальную составляющую сайта интересной и эстетичной. В посте рассмотрим свойство CSS box-shadow и то, как его можно стилизовать. Читать далее

Подробнее
Паттерны верстки. Как объединить верстальщиков и дизайнеров

Паттерны верстки. Как объединить верстальщиков и дизайнеров

Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна специалистам разного профиля. Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения. Читать далее

Подробнее
Назад