Архив метки: верстка

Сайты дизайнеров

Дали посмотреть один сайт переданный заказчику…

Меня прет как дизайнеры говорят «делаю сайты», а заказчики верят. И платят с мыслью «о, теперь у меня есть сайт. нужные новые визитки»

Дизайнеры рисуют сайты.

Точно так-же автомобиль, состоящий только из окрашенного корпуса не поедет, нарисованный сайт не стартует. Нарисованный автомобиль это не средство передвижения, это только нарисованный автомобиль.
Читать далее

Относительные пикселы или В чем задавать размер шрифта

Как вы все прекрасно знаете, консорциум W3C в стандарте CSS 2.1 дает нам для задания размеров, в частности шрифтов, абсолютные и относительные единицы измерения.

К абсолютным причислены:

  • in inches, дюймы. 1 дюйм = 2.54 сантиметра
  • cm — сантиметры
  • mm — миллиметры
  • ptpoints, пункты. 1 пункт = 1/72 дюйма. То что находится в выпадающем списке Ворда при выборе размера шрифта и есть пункты
  • pcpicas, пики. 1 пика = 12 пунктам

К относительным:

  • emfont-size, высота соответствующего шрифта (). Так же встречалось определение em — как ширины символа m.
  • exx-height, высота символа x соответствующего шрифта
  • px — пикселы

Вы заметили?
Пикселы — относительные еденицы измерения!
Как, а вы не знали? :)

Читать далее

Аллергия на каучук

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

Объясните мне, недалекому от верстки, как можно разместить три колонки с текстом на экран pda или растянуть те же три колонки с текстом на современный широкоформатный монитор без вреда к удобству чтения. Только учтите что я потребую от вас длины строки в 30-60 символов. И разумеется я потребую наличия в этом шаблоне максимального количества графики от нашего любимого креативного дизайнера.
Добавьте сюда наличие стандартов CSS с одной стороны, и наличие браузеров с другой, которые на эти стандарты кладут игнорируют.

Да, я веду к тому что идиотов в этом мире много.
И тех из них, что на заре освоения Веба, делали первые робкие попытки применять таблицы для оформления своих страниц, надо было расстреливать в первую очередь. Дабы не порождать опасной традиции.
HTML не предназначен для верстки. Как и CSS с дивами.
HTML — язык гипертекстовой разметки. CSS — его надстройка для задания оформления страниц. Но никак не для верстки. Вот почему использовать эти стандарты технологии, в их реализациях, для верстки есть форменным извращением.

WWW-паровоз и CSS

Присказка: Я, как известно сторонник Оперы, как самого быстрого и кошерного на планете бравзера, а потому работаю сначала под него. А потом уже доверстываю под Файрфоксом и Ослом. В осла вообще заглядываю редко, по большей части на стадии верстки, поэтому незначительные изменения в дизайне и стилях могут пройти мимо. Поэтому всякие мелкие глюки вавилонские с отображением вылазят совершенно случайно.
Как, например неподдержка IE следующей конструкции в CSS:

.StyleName > * {

}

Конструкция child-selectors, скажу я вам весьма красивая и полезная. Да только вот понимают ее только Опера и Файрфокс. В итоге пришлось приписывать всем детям этот самый StyleName.

Момент второй: свойства по дефолту. Казалось бы, что может быть проще, чем указать для тега определения <DT> стиль с маркером («фифочка такая слева»)

DT.StyleName {
display:list-item;
list-style-type:square;
}

А вот нет, Опера с Ослом придерживаются мнения что «фифочка» должна быть внутри списка, а Файрфокс по дефолту считает, что она должна быть вне списка (далеко за пределами бокса). Пришлось явно прописывать:

list-style-position:inside;

Сказка: Так к чему это я — зачастую при работе над сайтом ловлю себя на мысли что самым неоднозначным местом во всем этом визуально-рюшечно-красивом интернете является CSS. Но не сам, стандарт, а его поддержка в браузерах.

Налицо наплевательское отношение разработчиков браузеров, причем не столько к самим стандартам, сколько к пользователям и вебмастерам. А корни уходят в HTML, который не предназначался для того, каким образом его хотят использовать. Неужели кто-то мог на заре HTML подумать о том, как будет использоваться тег TABLE? Вероятно могли, но то стандарты были слишком сложны, то над практическими проблемами думали теоретики, то еще что-то танцору мешало.
Вот и выходит, что весь этот WWW-паровоз с пользователями летит вперед, браузеры постоянно в роли догоняющих, вебмастера в окошки пассажирам тычут красивые картинки вместо пейзажа, а W3C со своими стандартами летает где-то высоко, куда его все дружно и послали.

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