В прошлом посте я описал баг, который появляется при определенных условиях только в браузере Опера. После этого я написал письмо Вадиму Макееву со ссылкой на свой пост и менее чем через час получил ответ:

Здравствуйте, Андрей.

Большое спасибо за багрепорт. Действительно, очень неприятный баг.
Причём он срабатывает и в альфа-версии Opera 10.50.

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

Ещё раз спасибо.

Чертовски приятно, что мой опыт и наблюдательность оказались кому-то полезны и проблема не была оставлена без внимания. Мне остается только пожелать Опере наискорейшего исправления бага и, возможно, написать статью на Хабр в песочницу, возможно.

При верстке очередного проекта впервые столкнулся со странным багом, появляющимся только в Opera9 и выше. После серии экспериментов он был успешно решен. Итак, что это за баг:

Баг появляется при соблюдении 3-ех условий: 1. эффект :hover для какого либо элемента; 2. свойство background:none у этого же элемента; 3. под этим элементом есть какая-либо информация (текст, изображение). Пример можно посмотреть здесь. При наведении на Пункт 3 открывается выпадающее меню, при наведении на текстовую ссылку одного из ее пунктов все работает, но как только мы уводим курсор с ссылки, то пункт сразу же перестает быть активным, хотя для него у нас прописан display:block, что значит, что он должен быть активным на всей занимаемой площади. Так же обратите внимание, что у первого подпункта и половине второго все нормально, но как только под подпунктом появляется изображение наше меню работает не так, как хотелось бы.

Причина в использовании свойства background:none. Почему так происходит я незнаю, но как-нибудь на досуге посижу над этим.

Решил проблему использованием однопиксельного гифа, как бэкграунд, вместо background:none. Если же нужно обнулить background заданный картинкой, то при использовании свойства background-image:none; такой проблемы не возникает. Рабочий вариант можно посмотреть здесь

Сделал блог валидным. А то ведь стыдно товарищи, блог верстальщика и не проходит валидацию.

перевод: пока вы пытаетесь соответствовать стандартам, мы имзменим их

Вот и прошло это мероприятие, оставив после себя кучу информации, над которой стоит подумать, и книгу по CSS, которую нужно почитать . Для тех, кто не в курсе, то конференция собрала в Минске верстальщиков из России, Беларуси и Украины.  Если оценивать в целом, то по информативности докладов и организации – это была одна из лучших конференций, на которых я был. Хочется отметить очень сильное отличие от SEО-семинаров, ну как-то меньше воды что ли, а больше конкретики и практических советов.

Андрей Сумин, Переверстать всё и в срок. Андрей – управленец группой верстки в HeadHunter. Его доклад был первым и, на мой взгляд, самым менее информативным. Преподнес он его также не в лучшей форме, но не каждому же быть оратором. Как-то хотелось больше услышать от человека, занимающегося версткой такого серьезного портала. Вопросов к нему было больше всего, видимо, в отместку за не лучшим образом подготовленный доклад. Его фраза в конце “я не использую ID в верстке вообще, даже для элементов, к которым применен js, а все делаю через классы” многих заставила удивиться, на лицах людей было написано “…эээ…., че за, схуяли такая категоричность, зачем?”. На этот мысленный вопрос Андрей ответить не смог, сказав, что это личные предпочтения. У каждого свои тараканы, как говорится.

Вадим Макишвили – Ошибка. Осознание, примирение, извлечение пользы. Это было бесподобно! Трудно назвать докладом выступление Вадима, это скорее были его мысли, размышления, даже откровения, которыми он делился со сцены с слушателями. Во время его выступления в зале стало как-то по домашнему, как-будто это был просто разговор с глазу на глаз где-нибудь дома в гостинной с бокалом чего-нибудь в руке. Когда появится видео, выложу ссылку. Это нужно посмотреть всем, кто связан с веб-разработкой.

Вкратце по докладу: ошибки есть везде, их количество можно уменшить, но их не избежать совсем, поэтому рассчитывая время выполнения таска(проекта) нужно учитывать время, которое будет потрачено на исправление ошибок. Вадим предложил такую форумулу, основанную на собственном опыте T = t1 + (t2*2), где Т – общее время затраченно на исполнение таска, t1 – время на выполнение задания, t2 – время на исправление ошибок.

Вадим Макеев. Веб-шрифты vs. Шрифты для веба. Ничего хорошего и конкретного с внедрением сторонних шрифтом, посредством стандартных возможностей css, пока не предвидится. Много проблем и разногласий у разработчиков браузеров пока на эту тему. Пока для меня существует один способ использования нестандартных шрифтов для веба – это использование js-библиотеки Cufon. На мой взгляд сейчас это лучшее решение.

Павел Ловцевич. HTML5. Будем знакомы! Было бы удивительно, если бы не было ничего про HTML5, я даже думал, что докладов про него будет как минимум 2. Кстати, очень удивило, что не было докладов на тему CSS3. По этому докладу мало чего могу сказать, т.к. именно на нем мне стало дико хотеться спать, не из-за того, что он был неинтересным, а из-за всего пары часов сна перед конференцией. Глаза просто закрывались сами, ничего не мог поделать. Отрывками слушал – было интересно. Нужно будет пересмотреть видео.

Артемий Ломов. WebHiTech. Итоги 2009 и планы 2010. Забавный мужичок. Планирую учавствовать в 2010 году в WebHiTech.

Николай Мациевский, VML, SVG, Canvas: что дальше? По дороге на конференцию почитал в ридере статью у него в блоге как раз про VML, SVG, Canvas. Как оказалось это был его доклад. Интересная информация, для общего развития будет полезно. Я сам занимался изучением SVG и Canvas чуть больше полугода назад, поэтому мало чего услышал нового. Кстати, его книги “Разгони свой сайт” очень пользовались спросом. Жаль, что не досталось бесплатной, придется покупать.

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