Responsive Design

💡 Усі статті, обговорення, новини про дизайн — в одному місці. Приєднуйтесь до Design спільноти!

Недавно forbes.ua обновил верстку и теперь выглядит очень круто на любом устройстве.

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

А вы делаете responsive design в своих сайтах и веб-приложениях? Вообще ставите на первое место мобильные платформы, как тому учит книга www.abookapart.com/products/mobile-first Покажете примеры?

👍ПодобаєтьсяСподобалось0
До обраногоВ обраному0
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Делаем. Но подход может быть разным: или это полностью «резиновый» дизайн, который сам растягивается под любой экран; или набор разных стилей для нескольких наиболее популярных размеров: или полностью другая разметка на сервере; или другая XSL для трансформации на клиенте.

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

У нас вот в Coderiver сейчас 2 из 3 заказов это responsive верстка (даже рассылки и те responsive). Но у всех всё по-разному, на lookz.ru например просто версия для широкого экрана. Мое личное мнение что нет смысла делать ничего кроме мобильной и десктопной. Делать так чтобы тянулось и вмещалось даже на 700px мне кажется нерационально, хоть и прикольно потом сжимать сайты :)

Вот например сделали недавно coderiver.github.com/azubister можно потянуть во все стороны.

заглянул к ним в исходники — убить их мало
ни тебе minify ни тебе мержа js/css

та что-там — 2012 год на дворе, а у них — charset=windows-1251 и комменты в выводе

мержа js/css

Ну и где там этого нет ?

Коды кнопок и комментов с счетчиками никогда не паковались никуда .

Підписатись на коментарі