Плавная прокрутка при помощи scroll-behavior

В ночных сборках Firefox Nightly и Google Chrome появилась поддержка эксперименатального CSS-свойства scroll-behavior, которое предназначено для задания плавной прокрутки внутри любого элемента.

По умолчанию для полей type=password браузер рисует закрашенные кружки вместо символов. Что делать, если кружки надо заменить, например, на квадраты. Тут нам на помощь придет CSS3.

Современный способ внедрения шрифтов на веб-страницу.

Новый способ очистки «плавающих» блоков

Clearfix — полезный метод для очистки плавающих блоков. Оригинальный clearfix hack работает просто великолепно, но браузеры устаревают, и нужно двигаться в ногу с прогрессом.

Firefox 5

Не успел народ оправиться от выхода Firefox 4, как вышел Firefox 5 спустя всего три месяца благодаря новому циклу развития.

Война браузеров продолжается

Битва браузеров все время шла, идет, и будет идти. Кто-то не выдерживал популярности соперника и просто сходил с пути, кого-то релизы соперника только бодрили. Google Chrome очень удачно вышел на рынок браузеров и занял свои позиции, которые постоянно растут, позволяя ему активно конкурировать с браузерами намного старее его.

Пуленепробиваемый background-size

Задача масштабирования фонового изображения согласно заданным размерам довольно часто встречается на практике. Например, растянуть фоновую картинку на все окно браузера. Собрав в кучу CSS2, CSS3, фильтры для IE и специфические вендорные префиксы для разных браузеров, получаем почти кроссбраузерное решение поставленной задачи.

Префикс или постхак

В то время, как поддержка CSS в браузерах улучшается с каждым днём — включая впечатляющие успехи команды разработчиков IE9 — всё больше и больше авторов увлекаются CSS3. По этой причине им приходится сталкиваться с браузерными префиксами — свойствами вида -*-, вроде -moz-border-radius, -webkit-animation и так далее.

Тулбар от Skype стал причиной падения Firefox 3.6.13

Разработчики Mozilla объявили, что популярный плагин Skype Toolbar стал одной из главных причин падений Firefox 3.6.13 (40.000 падений) и запретили его установку и использование в браузере. Skype извинился перед пользователями и заявил, что в новой версии плагина проблемы с совместимостью будут устранены.

Кроссбраузерный inline-block

Internet Explorer версий 6 и 7 имеет не полную поддержку значения display: inline-block, которое применяется только для встроенных элементов, с блочными элементами работает некорректно. И в браузере FireFox 2 тоже не всё так просто с inline-block — он его не понимает наглухо. Дабы исправить ситуацию, приведу кроссбраузерный подход к решению поставленной задачи.

Страница 1 из 3123