can3p: (Default)

Спеки – не панацея, и уже много раз давали сбой. Только все начали облизываться на web sockets, как их выпилили обратно, а теперь новая радость.
В последней версии опера представила поддержку нового тега – device. Мужики в whatwg подумали и решили его отменить.

Поспешили, бывает.


Оригинал: http://blog.dpetroff.ru/tech/device-opera-fail
can3p: (Default)

Для сайта fistashki.org потребовалось доработать меню для обеспечивания корректной работы выпадающих подменю. При этом пункты, над которыми наводилась мышь, должны были подсвечиваться зеленым цветом, в том числе и пункт меню, соответствующий текущей странице, который в обычном состоянии должен был быть черным. Кроме того, в раскрывающемся списке ширина пунктов должна определяться по ширине самого длинного пункта меню.

Работа была произведена, меню работает в ie6-8, FF 2.0+, opera 9.6+, safari 4 и chrome 4 (две последние версии указаны такими просто потому, что под рукой не было более ранних версию браузеров для проверки).

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

И да, поиск в интернете показал, что это чуть ли не единственная реализация, которая стабильно правильно работает в IE8! Продолжительные аплодисменты, переходящие в бурные овации.

Read the rest of this entry » )
Оригинал: http://blog.dpetroff.ru/tech/horizontal-css-menu
can3p: (Default)

Студия Горбунова сделала прекрасный подарок, оставив висеть тестовое задание на закрытую вакансию. Впервые встретил на своем пути действительно необычное тз, выполнение квеста заняло несколько добротных вечеров, но в итоге я справился :)

Мой вариант верстки макета: 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 программирования, ну или программирования вообще при наличии времени и документации, а также обладаю встроенным в мозг отладчиком.


Оригинал: http://blog.dpetroff.ru/tech/gshop-done
can3p: (Default)

Очень часть появляется задача  отцентрировать что-то по вертикали: будь то блок или просто текст. Про первый вариант я уже писал, о втором ниже. Для однострочного текста решение тривиально – просто задаем line-height равным высоте блока и получаем нужный эффект. А теперь представим себе резиновую верстку, горизонтальное меню. Сжимаем окно броузера, в какой-то момент, один из пунктов начинает умещаться только в две строки, и все летит к чертям.

Read the rest of this entry » )
Оригинал: http://blog.dpetroff.ru/tech/vertical-align-2
can3p: (Default)
Похоже я нашел золотой ключик верстки! Хотели делать размеры вида 60% - 10px? А ведь можно так! Напишу как-нибудь.

Жаль, что internet explorer 6 тут совсем ни при чем. Хотя нет, не жаль.
can3p: (Default)

Проблема вертикального выравнивания появилась не сегодня, и общие решения ищутся уже давно. Поиск в гугле дает, например, это и это.

Последняя ссылка особенно полезна, т.к. дает хорошее решение, но только в случае если известна высота родительского окна. А что делать, если наоборот, неизвестна высота родительского блока (окна браузера), но не известна высота дочернего окна. Тоесть если дочерний блок сгенерировался короткий, то он должен форматироваться по центру окна, иначе он должен аккуратно располагаться на странице. Так же нужно, чтобы при изменении размеров окна все двигалось соответственно.

Читать запись полностью » )
Оригинал: http://blog.dpetroff.ru/tech/valign

Profile

can3p: (Default)
can3p

April 2017

S M T W T F S
      1
2 3 45678
9101112131415
16171819202122
23 242526272829
30      

Syndicate

RSS Atom

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 24th, 2017 04:37 am
Powered by Dreamwidth Studios