UGgallery

Юрий Артюх (akella) описал состояние дел и перспективы такого нужного и замечательного дела как встраивание шрифтов в веб-страницы посредством CSS. Много ссылок для чтения.

Этот маленький пост про два хороших западных блога.

• ScriptAndStyle.com
• ShareSomeCandy.com

Первый посвящен веб-разработке (jQuaery, CSS, HTM, JS, веб-дизайн, фотошоп-туториалы), второй — графике и дизайну — просто картинки хороших авторов: свежо, не вульгарно.

Сейчас очень популярны такие простейшие узкотематические блоги-ленты. Ничего лишнего, только короткие анотации или только картинки, ну со ссылками конечно. Данные два блога, как раз такого типа, но на редкость хорошие. Качественный, отборный контент. Важно чтобы обновления не появлялись слишком часто (чтоб без мусора) или слишком редко (чтоб не скучно).

UPD: Генератор шаблонов теперь находится по адресу Сsstemplater.com

Обновился интересный генератор HTML+CSS шаблонов CSStool.ru. Забыл о нем написать когда он появился. Обратите внимание, вдруг пригодится.

На сайте CSStool.ru, который представляет из себя генератор HTML+CSS шаблонов проведено обновление, которое включает ряд нововведений различного характера.

Список нововведений на сайте создателя сервиса. Полезный апгрейд получился, на мой взгляд.

Прикольно на Блондинка.ру фон страницы сделан. Картинка — 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 (Обновление: ресурс более недоступен. Информацию по теме можно найти на сайте Trifler.ru) посвященный внешне довольно мелкой, но внутренне довольно необъятной теме — вёрстке блоками, фиксированным относительно окна браузера при помщи CSS-свойства position:absolute. Далее »

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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