UGgallery

Прикольно на Блондинка.ру фон страницы сделан. Картинка — IMG — положена ниже остальных блоков страницы при помощи z-index. Спозиционирована абсолютно, с шириной 100% — всегда растягивается на всё окно. Сама картинка маленькая (500 х 286 px) но из за того, что рисунок нечёткий, незаметно, что оно сильно растянуто.

Самое, наверное, интересное, что картинка не масштабируется при page zoom-e (в Опере она в какой-то момент начинает, но в Фоксе — нет). Немного необычно смотрится. Отличный хак: дешево и сердито )) Раньше не встречал.

IMG#bg-fon{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: inline-block !important;   
}

А еще, фон рандомно меняется при обновлении окна.

На просторах рунета появился ресурс Fixed.name посвященный внешне довольно мелкой, но внутренне довольно необъятной теме — вёрстке блоками, фиксированным относительно окна браузера при помщи CSS-свойства position:absolute. Далее »

Заинтересовался подкастами по темам: веб-дизайн, веб-разработка, юзабилити. На русском и английском языках. Пока удалось найти совсем немного. Вот например: “Типографика для сайтов” от Паясу. И вот это – по копирайтингу – написанию продающих текстов для веба. Это бесплатные подкасты, но требуется регистрация.

Послушал — понравилось. Новые горизонты не открылись, но просто со многим согласен, а что-то и повторить полезно. Хотя слушать такой сырой, прямоэфирный подкаст тяжеловато, но очень полезно.

Сергей Мезенцев подсказал парочку:

• W3Cast на Хабре
• В рассылке User Experience Russia можно найти видео юзабилити-линча (прямой ссылки нет – не искал пока)

Их я еще не слушал.

Если у кого есть любимые подкасты по схожим темам — напишите в комментах, очень интересно.

Сегодня убрал со страницы с Учебником надпись о том, что проект не окончен. Теперь он окончен официально. Это конечно полная условность, но все-таки повод для праздника :)

Эта страница с Учебником – одна – дает половину трафика на всем сайте. Полезный оказался проект.

Последним добавленным материалом стал перевод статьи с мозилловского блога: “Кроссбраузерный inline-block” (Grakhov.com)”.

Пришлось убрать раздел “Разделение контента, оформления и поведения” ввиду того, что так и не удалось найти (или написать самостоятельно) ничего подходящего к этой теме на русском. Фундаментальная вещь, а о ней почти не пишут, даже на английском.

Это конечно не означает, что Учебник никогда не будет меняться. При появлении интересных материалов буду добавлять, менять что-нибудь.

…находятся желающие им пользоваться ;) Возможно, придется для него верстать. И тогда я начну с изучения материалов из заметки “Верстка под IPhone (шпаргалка)” в блоге Ольги Алексашенко.

Если однажды дизайнер принесет вам на блюдечке невероятно красивый, сияющий, округлый web-application для IPhone, эта шпаргалка и google помогут вам не ударить в грязь лицом.

Спасибо, Оля, что поделилась ценным опытом.

…людям по-прежнему приходится верстать блоки со скругленными уголками. И прогресс не стоит на месте, появляются новые методы. Про поиски и решения можно почитать в блогах Андрея Сумина и Сергея Чикуёнка:

• Круглые края
• Круглые края (часть 2)
• rocon — подробности

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

Апдейт: Круглые углы в IE 8 (см. комменты)

Апдейт 2: Делаем закругленные уголки с помощью псевдоэлементов :before и :after

А я знал, я чувствовал, что не надо было Бауману (действительно широко известный в узких кругах дизайнер) в Гугл ходить. Что еще ждать от компании с таким логотипом. Хреновый лого — это ж дизайнерская примета номер один.

Большое количество согласований и тестирований — это то, при помощи чего менеджмент, не понимающий в дизайне, пытается скрыть свою некомпетентность и отсутствие собственного мнения. Ну не могут некоторые (большинство) хороший дизайн от плохого отличить. Выпускает фирма плохой дизайн, а менеджеры в ответ: а мы всё на фокус-группах тестировали, всё прошло на ура. Как с гуся вода, никто ни за что не отвечает.

В комментариях к предыдущей заметке было высказано мнение, что для основных блоков шаблона страницы удобнее всего использовать (описательные) имена, описывающие расположение этих блоков на странице: header, middle, wrap, content, left, right, footer.

Раньше был бы одназначно против Далее »

Собранные Энди Кларком имена классов для обозначения элементов шаблона страницы. С сайтов известных блогеров веб-разработчиков. Чисто “любопытно посмотреть”.

В дополнение к “5-ти советам верстальщику” (совет № 4) и обсуждению, развернувшемуся в комментах.

Меня в последнее время мучает одно противоречие. Как получается, что люди, которые ратуют за попиксельное соответствие страницы между браузерами, одновременно являются приверженцами резиновых макетов? Ведь резина исключает попиксельное соответствие страницы с самой собой внутри одного браузера на одном и том же устройстве :) Изменил размер окна — и пиксели уже “другие”, в других местах :)) Композиция меняется, пропорции, характеристики текста и графики — всё меняется. Как такое возможно? Я чего-то не понимаю или эти люди руководствуются всего лишь стереотипами?