iPhone и CSS-фреймворки

Как и многие жизненные проблемы,
эту можно решить сгибанием

Бендер, Футурама

Сначала о том, что накипело: я нашел в себе силы, справился с ленью и переверстал-таки свой блог. Верстать под WordPress оказалось весьма сомнительным удовольствием. Ни тебе XSLT, ни вообще какого-то языка шаблонов: голый PHP с весьма странными функциями вроде the_tags() и the_content() (Капитан Очевидность легко подскажет их назначение). Стандартные темы, которые я взял для примера, оказались перегружены лишними кусками html-кода и их пришлось серьезно перерабатывать (проще говоря, делать с нуля). В общем, одни огорчения.

Я бы еще поворчал на тему верстки под WordPress, но в заголовке статьи нет про него ни слова :). Что ж…

Читать дальше →

IE9, я тебя боюсь

Мы надеемся приблизительно, зато боимся точно
Поль Валери

Вот и появилась первая девелоперская версия Internet Explorer 9. Новинки вроде CSS3, HTML5, SVG  давайте оставим в стороне: мы и так все знаем, что это круто, а потому обсуждать не будем. Браузер явно быстрее, красивее, да и вообще лучше предыдущих версий и спорить на этот счет я не собираюсь. Скажу даже так: девятую версию IE (даже несмотря свою нелюбовь к “ослику”) я ждал давно. Ждал, правда, со страхом.

Читать дальше →

Полезные ссылки. Сайты о верстке

Задумал я было сделать свой топ сайтов о верстке и веб-программировании. Задумал, да остановился: сайтов слишком много, как сортировать их – непонятно (всегда найдется один-два человека, которым мой подход “ранжирования” сайтов покажется необъективным). Делать большой топ неправильно, так как он будет набит “левыми” ссылками, маленький рейтинг тоже не годится: обязательно пропущу что-то интересное.

Читать дальше →

Микрообновление Thick As Brick

Дней десять назад я опубликовал на Хабрахабре статью о том шаблоне, который я использую для небольших проектов. Статья вызвала живейший отклик и я просто не могу не исправить некоторые найденные в 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/

Читать дальше →

Thick As Brick – простейший html шаблон для верстки

Я почему вредный был?
Потому что у меня велосипеда не было!

Мультфильм “Трое из Простоквашино”

Когда десять раз делаешь одно и то же, на одиннадцатый раз ты волей-неволей начинаешь задумываться о том, как бы процесс оптимизировать. Так и с версткой: после десятка сверстанных страниц хочется слегка упростить свою задачу. Тут на помощь, конечно же, приходят разнообразные фреймворки (чего только стоит oocss или наикрутейший CSS-фреймворк от Яндекса или целая куча других не менее интересных фреймворков). Пригодятся и системы сборки (Ant стоит на службе у студии Артемия Лебедева, да и я потихоньку постигаю его Дао). Не стоит забывать и различные хаки и шаблоны лейаутов, коих в интернете бесчисленное множество.

Однако как быть с сайтом, для которого надо сверстать пару-тройку типичных страниц? Нет смысла тащить с собой кучу лишнего CSS-кода. Кроме того, многим верстальщикам гораздо проще написать качественный код с нуля, чем перегружать кучу заранее объявленных бесполезных классов. Что делать?

Чтобы решить эту высосанную из пальца нетривиальную задачу я написал простейший шаблон для верстки, который сильно облегчил мне работу над проектами. Шаблон примитивен и прост (потому так и зовется), на звание фреймворка ни в коем случае не претендует (минус в карму тому, кто обзовет его фреймворком! ;) ). Он несет в себе заранее объявленные CSS-классы для работы с меню, списками, формами, ресеты основных тегов (вроде сброса отступов у форм и правильных отступов у <p>) и еще кое-какие полезные для меня вкусности.

Читать дальше →

Подмена адресов в FancyBox

Исполняются самые смелые наши мечты.
Теперь очередь за несмелыми.

Станислав Ежи Лец

В 2005-м году Тим О’Рейли сформулировал понятие Веб 2.0. Простые пользователи понимают “вебдванольность” скорее как наличие AJAX и всплывающих окошек а-ля Fancybox или Thickbox (хотя это только малая часть большого понятия). Что ж, не будем их разочаровывать.

В этой статье речь пойдет о том, как правильно:
1. подменять адреса ссылок, чтобы одновременно работали и javascript-обработчики и ссылки открывались в новом окне;
2. как выполнять правильную подмену ссылок для Fancybox.
А еще мы посмотрим живой пример, который вполне успешно работает на нашем сайте с сериалами

Читать дальше →

Баг Opera и Chrome: float, overflow и margin

Баги, баги, баги… Назовите хотя бы один браузер без них: даже в самом последнем Firefox, Chrome, Opera (про IE я даже не говорю) найдутся не поддающиеся логическому объяснению “особенности” браузера.

Вот и сейчас вместо того, чтобы спать, я ломаю голову, пытаясь понять, то ли это такая бага, то ли наоборот фича…

Читать дальше →

Обновление блога: Hello, world 2.0

Привет всем еще раз.

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

Что появится тут в скором времени? Для начала вы можете прочесть недавние статьи про стандарты в верстке (про верстку я писал и писать буду ;) ), а достаточно скоро тут будет пара интересных статей на тему Cufon и, возможно, UMI.CMS.

В общем, ждите. Постараюсь не разочаровать ;)

Читать дальше →

Стандарт правильной верстки: часть вторая

Ну вот наконец-то я добрался и до второй части “стандартов”. Прошел месяц, а может быть даже и больше, блог я существенно проапгрейдил, так что писать в него теперь не стыдно (об этом в другой статье). Сейчас же я продолжу старую песню о правильной верстке. Ready? Steady? Go!

Читать дальше →

Стандарт правильной верстки: часть первая

Стандарты придуманы в качестве еще
одного препятствия для нас, простых
смертных, чтобы преодолевать их и превосходить.

Аланис Мориссетт

От разногласий не спастись, если одним делом занимается несколько человек. Разработка сайтов – не исключение: всегда найдется тот, кто смыслит в дизайне, программировании или верстке лучше, всегда будут те, кому мнение “умника” придется не по нраву. Чтобы уладить конфликт еще до его проявления, можно договориться друг с другом, сформулировав некий стандарт и описав в нем все спорные нюансы. В нашей компании мы поступили также, сформулировав стандарт верстки, который я и планирую вам представить в несколько доработанном виде.

Читать дальше →

← раньше