March 17, 2010
Мы надеемся приблизительно, зато боимся точно
Поль Валери
Вот и появилась первая девелоперская версия Internet Explorer 9. Новинки вроде CSS3, HTML5, SVG давайте оставим в стороне: мы и так все знаем, что это круто, а потому обсуждать не будем. Браузер явно быстрее, красивее, да и вообще лучше предыдущих версий и спорить на этот счет я не собираюсь. Скажу даже так: девятую версию IE (даже несмотря свою нелюбовь к “ослику”) я ждал давно. Ждал, правда, со страхом.
Читать дальше →
March 12, 2010
Задумал я было сделать свой топ сайтов о верстке и веб-программировании. Задумал, да остановился: сайтов слишком много, как сортировать их – непонятно (всегда найдется один-два человека, которым мой подход “ранжирования” сайтов покажется необъективным). Делать большой топ неправильно, так как он будет набит “левыми” ссылками, маленький рейтинг тоже не годится: обязательно пропущу что-то интересное.
Читать дальше →
January 16, 2010
Дней десять назад я опубликовал на Хабрахабре статью о том шаблоне, который я использую для небольших проектов. Статья вызвала живейший отклик и я просто не могу не исправить некоторые найденные в Thick As Brick недочеты.
Вот короткий список, не заслуживающий даже того, чтобы убрать его под кат:
1. Исправлена явная ошибка в именах метатегов (раньше вместо name было написано http-equiv, которую я исправлял при деплойменте проектов)
2. Все 0px (под давлением хабраобщественности ;) ) заменены на обычный ноль.
3. Число значений в margin сокращено (10px 20px 10px 20px -> 10px 20px)
4. Исправлен недочет в margin у заголовков и hr (пиксели преобразованы в em)
Проект по прежнему находится вот тут: http://code.google.com/p/thick-as-brick/
Читать дальше →
January 6, 2010
Я почему вредный был?
Потому что у меня велосипеда не было!
Мультфильм “Трое из Простоквашино”
Когда десять раз делаешь одно и то же, на одиннадцатый раз ты волей-неволей начинаешь задумываться о том, как бы процесс оптимизировать. Так и с версткой: после десятка сверстанных страниц хочется слегка упростить свою задачу. Тут на помощь, конечно же, приходят разнообразные фреймворки (чего только стоит oocss или наикрутейший CSS-фреймворк от Яндекса или целая куча других не менее интересных фреймворков). Пригодятся и системы сборки (Ant стоит на службе у студии Артемия Лебедева, да и я потихоньку постигаю его Дао). Не стоит забывать и различные хаки и шаблоны лейаутов, коих в интернете бесчисленное множество.
Однако как быть с сайтом, для которого надо сверстать пару-тройку типичных страниц? Нет смысла тащить с собой кучу лишнего CSS-кода. Кроме того, многим верстальщикам гораздо проще написать качественный код с нуля, чем перегружать кучу заранее объявленных бесполезных классов. Что делать?
Чтобы решить эту высосанную из пальца нетривиальную задачу я написал простейший шаблон для верстки, который сильно облегчил мне работу над проектами. Шаблон примитивен и прост (потому так и зовется), на звание фреймворка ни в коем случае не претендует (минус в карму тому, кто обзовет его фреймворком! ;) ). Он несет в себе заранее объявленные CSS-классы для работы с меню, списками, формами, ресеты основных тегов (вроде сброса отступов у форм и правильных отступов у <p>) и еще кое-какие полезные для меня вкусности.
Читать дальше →
January 3, 2010
Исполняются самые смелые наши мечты.
Теперь очередь за несмелыми.
Станислав Ежи Лец
В 2005-м году Тим О’Рейли сформулировал понятие Веб 2.0. Простые пользователи понимают “вебдванольность” скорее как наличие AJAX и всплывающих окошек а-ля Fancybox или Thickbox (хотя это только малая часть большого понятия). Что ж, не будем их разочаровывать.
В этой статье речь пойдет о том, как правильно:
1. подменять адреса ссылок, чтобы одновременно работали и javascript-обработчики и ссылки открывались в новом окне;
2. как выполнять правильную подмену ссылок для Fancybox.
А еще мы посмотрим живой пример, который вполне успешно работает на нашем сайте с сериалами
Читать дальше →
December 26, 2009
Баги, баги, баги… Назовите хотя бы один браузер без них: даже в самом последнем Firefox, Chrome, Opera (про IE я даже не говорю) найдутся не поддающиеся логическому объяснению “особенности” браузера.
Вот и сейчас вместо того, чтобы спать, я ломаю голову, пытаясь понять, то ли это такая бага, то ли наоборот фича…
Читать дальше →
August 17, 2009
Ну вот наконец-то я добрался и до второй части “стандартов”. Прошел месяц, а может быть даже и больше, блог я существенно проапгрейдил, так что писать в него теперь не стыдно (об этом в другой статье). Сейчас же я продолжу старую песню о правильной верстке. Ready? Steady? Go!
Читать дальше →
June 20, 2009
Стандарты придуманы в качестве еще
одного препятствия для нас, простых
смертных, чтобы преодолевать их и превосходить.
Аланис Мориссетт
От разногласий не спастись, если одним делом занимается несколько человек. Разработка сайтов – не исключение: всегда найдется тот, кто смыслит в дизайне, программировании или верстке лучше, всегда будут те, кому мнение “умника” придется не по нраву. Чтобы уладить конфликт еще до его проявления, можно договориться друг с другом, сформулировав некий стандарт и описав в нем все спорные нюансы. В нашей компании мы поступили также, сформулировав стандарт верстки, который я и планирую вам представить в несколько доработанном виде.
Читать дальше →
May 28, 2009
Мыши плакали, кололись,
но продолжали жрать кактус
Бородатый афоризм
IE6 не поддерживает PNG. Это знают все. Еще в нем не работают альфа-прозрачность, min-width, min-height, он криво отображает половину сайтов. По этим причинам и еще по сотне-другой других причин 99% верстальщиков желают ему скорейшей и мучительнейшей смерти. Увы, сайты под него делают: слишком он популярен среди пользователей.
Панацеей от многих глюков Internet Explorer-а незаслуженно считаются CSS filter и CSS expression. Однако панацеи не существует, даже в случае с IE.
Читать дальше →
April 23, 2009
Лень делает всякое дело трудным
Бенджамин Франклин
Признаюсь честно, я чертовски не люблю верстать формы: это утомительный и не быстрый процесс, да и дизайнеры порой пренебрегают рисованием формочек (или наоборот, придумывают слишком красивые поля для ввода), поэтому и с дизайном приходится повозиться. Возможно, по этой причине я начинаю мини-цикл статей на тему правильной верстки форм. Сегодня я расскажу про label-ы и про их позиционирование прямо в input.
Читать дальше →
← раньше