После того, как вылизана последняя строчка функционального кода проекта, начинается дизайн. Точнее, начинаются танцы с бубном - ибо этот самый дизайн он многолик и непредсказуемо изменчив, если рассматривать его через разные браузеры. Достижение кросс-браузерности - очень трудоемкая и тяжелая в плане крепости психики работа, этой теме посвящены сотни статей, написаны сотни хаков для стилевых таблиц, но из этой троицы - семейства Mozilla, Opera и Internet Explorer хоть один, да доставит несколько неприятных часов при отладке сверстанного и утвержденного макета дизйна. «И в Safari чтобы проверили ...» добавляет свои пять копеек арт-директор. Ага, щаз, только сначала застрелюсь.
Тем не менее есть способ сэкономить огромное количество впустую потраченного времени, чур не плеваться: писать код правильно! Далее - краткий итог статьи How to get Cross Browser Compatibility Every Time - 10 правил кроссбраузерной верстки:
Я, хотя и не считаю себя дизайнером, последние полгода регулярно читаю выпуски уроков для цифровых художников PSDTuts - Photoshop Tutorials and Links - основы работы с популярным пакетом Adobe Photoshop. Кроме потрясающего качества уроков (каждый шаг расписан и проиллюстрирован), мне нравится сама бизнес-идея проекта. Первоначально это было сообщество профессионалов, на добровольных основах пишущих мануалы на произвольную тему. Уроки были и остаются доступными для всех желающих. Росло количество уроков, росла популярность, росла нагрузка. Ребята решились предложить платные услуги - за небольшую месячную абонентскую плату (сейчас 9$) пользователи могут скачивать исходники уроков в формате .psd.
Идея оказалась настолько успешной, что сейчас они ищут еще авторов для написания статей и уроков, причем на платной основе: авторы уже не добровольцы, за каждую принятую статью дизайнер получает 150$, мне кажется - вполне адекватные деньги.
И вот, освоив ниву растровой графики, команда запускает векторный проект: Vectortuts - Illustrator & Vector tutorials:
Также приглашаются авторы и естественно читатели, впрочем в последних недостатка не будет - армия поклонников первых двух проектов (да, совсем забыл дружественный проект этой же команды NETTUTS - Web Develpment Design & Tutorials запущенный в апреле этого года) даст начальную аудиторию, а дальше все будет зависеть от авторов.
Бизнес-идея дня: размещать рекламу брендов в картинке captcha. Можно писать названия брендов, можно - url-ы сайтов, можно телефоны саппорта. Ежедневно миллионы мужчин и женщин вводят миллионы бессмысленных комбинаций букв и цифр, а отдачи от этого титанического труда никакого. Докажите, что Вы не робот, введите "Спирохет - лучше для мужчины нет", регистр не учитывается... В общем, я идею застолбил, кому нужны права - обращайтесь, недорого отдам.
Сайт дня: Nomagic.ru - "сайт для веб-разработчиков, которые уже поняли что самые интересные и захватывающие трюки делаются руками простых людей..." - полные переводы интересных статей, рецензии на полезные книги, вебмастеру для повышения КПД - в закладки и RSS в подписку однозначно. Одна из переведенных статей, Метафорический дизайн:
Метафорический дизайн — или, что бывает чаще, дизайн по сравнению — это такая ситуация, в которой клиент заказывает дизайн или разработку, ссылаясь на другой продукт.
...сравнительные ссылки могут быть очень полезными для разъяснения дизайн-решений клиенту. Очень немногие клиенты способны снабдить вас всеобъемлющими спецификациями, и если ваши решения не совпали с тем, что ожидал клиент, готовьтесь к вопросам с его стороны. Если вы поясните, что разработали процесс заказа “как в Expedia”, вы легко обобщите диапазон возможных путей развития системы, а также получите дополнительный авторитет, показав, что ваши решения идентичны использованным в успешной системе.
Мануал дня: CSS media types или различные стили для различных медиа носителей - я и не знал, что в CSS2 различают 10 медиа-типов.
Дано: OS Windows XP SP2 с IE7.
Задача: малой кровью добиться возможности просмотреть все свежесверстанное под основными версиями браузеров.
Решение:
1. Смотрим, какие версии браузеров народ использует:
2. IE – 7-й уже стоит, решаем раз и навсегда проблему с 6-м. Про 5-й забыли.
3. Качаем портативную Opera (весит мало, в реестр не лезет, просто праздник какой-то)
4. Качаем портативный Firefox (пользуюсь именно им, счастье девелоперское). Не руссифицируем – некоторые полезные аддоны почему-то умирают и портят кашу.
5. Чтобы выкладывать гламурные скриншоты качаем Safari for Windows.
Все. Счастье достижимо.
Ajax