Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными версиями. Обычно разработчики не очень стараются применять адаптивные подходы для больших экранов, ведь если интерфейс поместился на HD разрешении, то он точно поместится на 2K разрешении и больше. Однако контент никак не масштабируется, поэтому имеем на больших разрешениях маленькие элементы, которые трудно уловить взглядом. В этой статье я покажу, как сделать интерфейсы пропорционально одинаковыми на разных десктопных разрешениях.

Читать далее
[Из песочницы] Организация адаптивной верстки в БЭМ с SCSS

Одна из главных сложностей возникающая у многих фронтенд-разработчиков при использовании методологии БЭМ в CSS — это...

Подробнее
[Из песочницы] Sass MediaScreen — Определяем девайсы на CSS

Я считаю, что в последнее время разница размера экранов между разными группами устройств всё больше размывается. Не...

Подробнее
Заменяй и властвуй — подход SOLID для разработки повторно используемых компонентов в вебе

При разработке любого, даже простого веб-приложения возникает необходимость повторного использования кода. В разных...

Подробнее
Небольшая PHP библиотека для SEO

Намедни написал небольшую библиотеку для оптимизаторов и вебмастеров, которым приходится работать с разными CMS на...

Подробнее
Адаптивная и отзывчивая типографика с помощью Hamster Framework. Лечение гемороя без операции и боли

Современный интернет развивается огромными темпами и количество пользователей с каждым днем только растет. Если...

Подробнее
Как сделать профессиональную иконку человека в Фотошоп

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

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями