Памятка дизайнеру сайтов

)))) Спасибо )

Памятка дизайнеру сайтов

Спасибо. Приятно слышать )

Памятка дизайнеру сайтов

Да, я так считаю. Более того, сами броузеры эту возможность предоставляют.

Просто, когда у тебя монитор 21 дюйм (1600px+), а ты открываешь сайт? шириной 800px и с размером шрифта в 11px, остро понимаешь, зачем надо масштабироване шрифта.

Аналогичная, только обратная ситуация, с маленьким монитором.

Памятка дизайнеру сайтов

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

Памятка дизайнеру сайтов

Да, я сам заявил о 1000 поспешно.
Конечно ширина min/max завист напрямую от задач сайта.

Вскоре я дополню статью.

Памятка дизайнеру сайтов

у нас стоит, чаще всего

html, body {font:81%;}

При чем, не 80%, а именно 81%, что дает поправку на Оперу.

Памятка дизайнеру сайтов

нееет )))

если ширина меньше 1002, то ширина равняется 1000
если ширина больше 1502, то ширина равняется 1502

а если она в промежутке от 1002 до 1502, то она равна 100% )

Памятка дизайнеру сайтов

Увы, но да. Много.
Именно по причине того, что раз за разом приходится объяснять одно и тоже и побудило написать эту статью.
Это памятка, которой пользуюсь в работе я сам и требую от наших дизайнеров.

Считай, что это «правильное формулирование требований к проекту» по-умолчанию.

Памятка дизайнеру сайтов

Значит всё не зря ) Спасибо.

Памятка дизайнеру сайтов

1. Мы не используем на страницах пункты.


2. В пропорциях условного «Обычного» размера шрифта в броузере и системе. При чем, надо заметить, что em — это абстрактное значение, которое можно трактовать, как «размер символа в строке».
3. Не в пикселях и не в пунктах ))) мы задаём в % от базового размера.

Памятка дизайнеру сайтов

Если речь идет о самой верстке, то

в structure.css

div.mainBodyContainer{
width: 100%;
max-width: 1500px;
min-width: 1000px;
text-align : center;
margin: 0em auto 0em auto;
}

в ie.css

div.mainBodyContainer{
width:expression(document.body.clientWidth < 1002? "1000px" : document.body.clientWidth > 1502? "1500px" : 100%");
}

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

Памятка дизайнеру сайтов

Рад, что пригодилась.

Памятка дизайнеру сайтов

А вот это, да фейк ))) и то, частичный.

Памятка дизайнеру сайтов

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

Фейка в нем нет. Все размещенные работы были заказаны, были утверждены и были оплачены. Вот какая-то часть информации — и правда фейк. Особенно в ряде ранних проектов, которые выполнялись на фрилансерской основе.

Памятка дизайнеру сайтов

Впрочем, я не уверен, что это принципиально.

Памятка дизайнеру сайтов

Странно. А у меня Опера-9+ и ИЕ-6
Может быть разные стили или настройки?

Памятка дизайнеру сайтов

может у вас другой Гугл? )

http://www.google.ru/
http://www.google.ru/search?hl=ru&q=404&…

Памятка дизайнеру сайтов

Не перехвали )

Памятка дизайнеру сайтов

Я думаю, что вам обоим не о чем спорить.
Нужно знать правила, чтобы осознанно и целесообразно от них отступать.

Памятка дизайнеру сайтов

Увы. Значит вы невнимательно читали.