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




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

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

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


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

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

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

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

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

Дизайн-макет интернет-магазина

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

[Из песочницы] [Select-Form]: Пишем свой select-список, используя jQuery и CSS

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

Пишем правильный манифест для сайта

Думаю, многие знают о возможности добавления иконки сайта на рабочий стол мобильного устройства. Это удобно и причины могут быть разные (нету мобильного приложения предоставляющего туже информацию,... читать далее

[Перевод] Советы по CSS, которые вы вряд ли найдете в самоучителях

Существуют определенные правила CSS, которые можно найти в любом учебнике. Но есть также правила CSS, которые вы не найдете в пособиях, но столкнетесь с ними, как только начнете писать код. Я уверен,... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте