Спеки – не панацея, и уже много раз давали сбой. Только все начали облизываться на web sockets, как их выпилили обратно, а теперь новая радость.
В последней версии опера представила поддержку нового тега – device. Мужики в whatwg подумали и решили его отменить.
Поспешили, бывает.
Для сайта fistashki.org потребовалось доработать меню для обеспечивания корректной работы выпадающих подменю. При этом пункты, над которыми наводилась мышь, должны были подсвечиваться зеленым цветом, в том числе и пункт меню, соответствующий текущей странице, который в обычном состоянии должен был быть черным. Кроме того, в раскрывающемся списке ширина пунктов должна определяться по ширине самого длинного пункта меню.
Работа была произведена, меню работает в ie6-8, FF 2.0+, opera 9.6+, safari 4 и chrome 4 (две последние версии указаны такими просто потому, что под рукой не было более ранних версию браузеров для проверки).
Изначально хотел описать создание меню по шагам с остановками на всех встреченных багах, но прошел месяц, и могу только наметить общие технические приемы, которые были применены.
И да, поиск в интернете показал, что это чуть ли не единственная реализация, которая стабильно правильно работает в IE8! Продолжительные аплодисменты, переходящие в бурные овации.
( Read the rest of this entry » )Студия Горбунова сделала прекрасный подарок, оставив висеть тестовое задание на закрытую вакансию. Впервые встретил на своем пути действительно необычное тз, выполнение квеста заняло несколько добротных вечеров, но в итоге я справился :)
Мой вариант верстки макета: http://test.dpetroff.ru/gshop/index.html
Корректно отображается в FF1.5+, opera 9.6+, chrome 3, chromium 4, safari 4, ie6+
За это время открыл для себя некоторые новые аспекты деятельности старых firefox, любых эксплореров, премудрости применения inline-block, opacity и активного внедрения javascript для контроля поведения страницы. Код несомненно можно шлифовать, но для тестовой задачи он вполне годится.
Если вам понравилось, и у вас есть сложный и интересный макет, в который надо вдохнуть жизнь, звоните и пишите. Чем интереснее задача, тем быстрее мы договоримся.
А еще я крестиком вышиваюмогу решать задачи в области flash и php программирования, ну или программирования вообще при наличии времени и документации, а также обладаю встроенным в мозг отладчиком.
Очень часть появляется задача отцентрировать что-то по вертикали: будь то блок или просто текст. Про первый вариант я уже писал, о втором ниже. Для однострочного текста решение тривиально – просто задаем line-height равным высоте блока и получаем нужный эффект. А теперь представим себе резиновую верстку, горизонтальное меню. Сжимаем окно броузера, в какой-то момент, один из пунктов начинает умещаться только в две строки, и все летит к чертям.
( Read the rest of this entry » )Проблема вертикального выравнивания появилась не сегодня, и общие решения ищутся уже давно. Поиск в гугле дает, например, это и это.
Последняя ссылка особенно полезна, т.к. дает хорошее решение, но только в случае если известна высота родительского окна. А что делать, если наоборот, неизвестна высота родительского блока (окна браузера), но не известна высота дочернего окна. Тоесть если дочерний блок сгенерировался короткий, то он должен форматироваться по центру окна, иначе он должен аккуратно располагаться на странице. Так же нужно, чтобы при изменении размеров окна все двигалось соответственно.
( Читать запись полностью » )
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
winterfish
