mozzy's blog | Блог о дизайне, вёрстке и фотографии

Это иконка CSS Edit 2, хотя в статье не будет ни слова о CSS Edit 2.

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

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

Для начала, пара провокационных советов:

1. Пора прекратить поддержку IE6

Возможно, меня закидают камнями, но, сколько можно? Этому браузеру 9… Да, девять лет! Сейчас им пользуется менее 10% пользователей рунета, сама Microsoft этому уже не рада и делает всё возможное для уменьшения этой цифры.
Нет, я не ратую за отказ в доступе к сайтам с устаревших браузеров. Лучшим решением представляется вывод в верхней части страницы информационного сообщения, например: «ваш браузер устарел и не поддерживается — функциональность может быть ограничена» и ниже привести список рекомендуемых современных браузеров. Так уже сделали на YouTube, Google Docs (к концу 2010 года планируют прекратить поддержку в Google Mail и Calendar) и на многих других популярных сайтах. Я думаю, это очень хороший повод для того чтобы начать делать так же. А время, которое было бы потрачено на поддержку IE6, лучше израсходовать на что-нибудь более полезное, например, на разработку новой функциональности.

2. CSS3

Большинство расценивает CSS3 только как возможность сделать закруглённые уголки и добавить тень. Но, на самом деле, возможностей гораздо больше: загружаемые шрифты, outline, CSS3-переходы, flexible box layout, многоколоночная вёрстка, текстуры для контуров, media queries и многие-многие другие чрезвычайно полезные штуки.

Хотя CSS3 ещё в разработке, большинство современных браузеров уже поддерживают основные возможности, зачастую с префиксами (например: -moz-border-radius и -webkit-border-radius для Firefox и Safari/Chrome соотвественно).
Не стоит забывать, что по статистике большая часть пользователей до сих пор пользуется браузерами, не поддерживающими CSS3 (Internet Explorer 7 и 8). Но начинать изучать CSS3 стоит уже сейчас.
Ещё 39 приёмов и советов по CSS →

Не пропустите! Прямо сейчас, на всех торрентах планеты — Photoshop CS5 скачать бесплатно!

Абсолютно неожиданно, компания Adobe выложила в свободный доступ триальную версию своего нового пакета Creative Suite 5 (CS5), о котором я уже неоднократно писал.

Сейчас доступны для скачивания две версии пакета: Creative Suite 5 Design Premium и Creative Suite 5 Master Collection.
Ну и отдельно приложения: Photoshop CS5 Extended, Illustrator CS5, Dreamweaver CS5, Flash Professional CS5, Premiere Pro CS5, After Effects CS5, InDesign CS5 ну и Acrobat 9 Pro.

Я тут же скачал первый пакет — Design Premium. Из всего пакета я пользуюсь только Иллюстратором и Фотошопом (ну очень редко Флэшем и Индизом). О последнем я и решил написать этот обзор. Так как я счастливый пользователь Мака, естественно, что обозревать я буду маковскую версию.

Дрожащими руками жмакаем на новую иконку и видим новый сплэш:

Как и обещали, новый Photoshop CS5 под Mac был полностью переписан на фреймворк Cocoa и теперь нативно поддерживает 64 бита. Это становится заметно сразу после запуска: теперь нет проблем со Spaces (различные части окна не расползаются по разным рабочим столам). В целом интерфейс теперь работает гораздо шустрее и отзывчивее, окна и панельки перетаскиваются очень плавно, отлепляются и прилепляются без лагов, как раньше.

Подробный обзор нововведений Adobe Photoshop CS5 →

Получил наконец-то с gadgetinfinity.com сверхпопулярные и дешёвые радиосинхронизаторы для внешних вспышек — Cactus V4. Всего за $39.95. Хотя я и не очень люблю использовать вспышку, но иногда без неё совсем никак, а с синхронизаторами возможностей для управления светом становится гораздо больше.

Ещё заказал макрокольца, но о них как-нибудь в следующий раз… Больше ничего интересного у них в каталоге не обнаружилось.

По отзывам заказы оттуда приходят примерно через неделю-две. В наши Мухосрански, я предполагал, что где-нибудь за месяц дойдёт. Так и вышло. События развивались так: 9 марта я сделал заказ, 10-го ребята из GadgetInfinity его отправили, 12-го посылка уже покинула Гонконг. Дальнейшая судьба посылки мне была неизвестна, вплоть до 11-го апреля, когда посылка наконец-то начала трекаться на сайте Почты России, с 11 по 13-е число она была на обработке, 14-го была отправлена в Архангельск, 17-го (в субботу) я получил извещение и тут же сходил и забрал. Локально почта отработала быстро. По всей видимости, посылка долго проторчала на таможне.
Описание и тестирование синхронизаторов Cactus V4 →

Год назад я делал афишу для первого «Metal Warriors». В этом году сделал плакат для второго:

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

Ну и, по модным ныне тенденциям, сделал ещё мини-афишку для богомерзкого вконтакта:

При наведении на эту картинку, можно увидеть версию, пожатую вконтактом. Красные цвета поплыли. Отвратительно.

P.S. Который раз убеждаюсь в том, что есть истина в словах: «чем меньше и дешевле заказ, тем чаще придётся что-либо переделывать».