[Перевод] Медиавыражения в CSS — это не только max-width

Скрипты и советы | 14 ноября 2019 1 201

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов



Недавно мы опубликовали новый веб-сайт нашей компании Mabiloft с полностью переработанным чистым дизайном и множеством новых великолепных иллюстраций и анимаций.

После того, как наш дизайнер проделал потрясающую работу, продумав и нарисовав сайт, нам, разработчикам, было необходимо реализовать макет, сохранив его чистым и цельным для каждого устройства, от большого 2K экрана, на которых мы пишем код, до старого iPhone 4 с его 3.5-дюймовым дисплеем.

Несколько недель спустя веб-сайт был почти готов и я просматривал его, чтобы убедиться, что всё работает как нужно. Заметив, что макет главной страницы неправильно отображался на нашем iPad, я быстро изменил некоторые CSS-правила и исправил ошибку, но… это привело к проблемам отображения макета на всех всех ноутбуках с небольшим экраном
Читать дальше →

Источник: Уроки CSS на Хабрахабре

Адаптация дизайн-макета сайта

Создание дизайна соответствующего структуре CMS на основе фирменного дизайна указанного заказчиком в качестве эталона....

Подробнее
[Перевод] Выбор CSS макета — Grid или Flexbox?

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

Подробнее
Эксплуатация идей – или как один макет кормит несколько проектов

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

Подробнее
Дизайн-макет сайта для студии ландшафтного дизайна

Дизайн сайта создает первое впечатление о компании у потенциальных клиентов, которые могут заинтересоваться вашим...

Подробнее
[Перевод] Старый и новый CSS. История веб-дизайна

Я увлеклась веб-дизайном и разработкой в конце 90-х. Чёрт побери, как это было давно. И как это было ужасно. Я имею в...

Подробнее
Дизайн-макет интернет-магазина

Макет шаблона для интернет-магазина. В комплекте исходник в PSD (элементы по отдельным слоям). Так же, есть возможность...

Подробнее

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

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

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

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

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

https://t.me/tcsecms

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