Записи в разделе: WebKit



Автомобили ручной работы в SVG

Пару дней назад я нашел брошенный в клипарт SVG-автомобиль. Владелец транспортного средства не известен. В процессе изучения технического состояния находки обнаружились проблемы с избыточным весом и множество лишних деталей. После оптимизации кривых и сокращения количества элементов оказалось, что авто довольно … подробнее

Опубликовано в: Chrome, Firefox, Opera, Presto, SVG, WebKit, Браузеры, Все записи | Оставить комментарий

SVG: Кто и как поддерживает анимацию через spline?

Оказывается в SVG можно делать не только равномерные анимации, но и анимации с переменной скоростью. Для этого нужно добавить к элементу анимации свойство calcMode, которое по умолчанию выставлено в paced (равномерная анимация). В данном случае меня интересует значение spline, которое … подробнее

Опубликовано в: Chrome, Firefox, Opera, SVG, WebKit, Браузеры, Все записи | Помечено , , , | Оставить комментарий

SVG: Такой странный animateMotion

Прошлым летом я уже писал про SVG-элемент animateMotion и приводил пример его работы. Вчера он преподнес мне неожиданный сюрприз. Оказывается браузеры разделились в интерпретации параметра transform анимируемого объекта. В Firefox и Chrome\Chromium трансформации применяются только к объекту и его визуально … подробнее

Опубликовано в: Chrome, Firefox, Opera, Presto, SVG, WebKit, Браузеры, Все записи | Помечено , | Оставить комментарий

SVG: Кто чего поддерживает?

В последнее время я обнаруживаю все больше деталей из спецификации SVG, которые тот или иной браузер не поддерживает. Например, Chrome не ловит мышейсобытия начала и конца анимации. Для быстрой проверки кто неправ — я или браузер удобно использовать специальные таблицы. … подробнее

Опубликовано в: Chrome, Firefox, Opera, Presto, SVG, WebKit, Браузеры, Все записи | 2 Комментариев

HTML5: Готовимся использовать элемент progress

Еще чуть-чуть и в список используемых элементов разметки можно будет включить элемент <progress>. Эта мысль пришла мне в голову когда я прочитал заметку одного французского разработчика. На данный момент элемент нормально отображается в Google Chrome и Opera. Для Firefox будет … подробнее

Опубликовано в: Chrome, CSS, Firefox, HTML5, Opera, WebKit, Браузеры, Все записи | Помечено , , | Оставить комментарий

UI в Chrome: Контекстное меню

Позавчера я записывал свои находки в UI браузера Google Chrome. Сегодня мне предстоит разобраться с контекстными меню. Для получения доступа к функциональности контекстного меню в Google Chrome разработчику расширения необходимо добавить в файл manifest.json в раздел permissions запись contextMenus. “permissions”: … подробнее

Опубликовано в: Chrome, JavaScript, WebKit, Браузеры, Все записи, Расширения, Расширения для Google Chrome | Помечено , , | Оставить комментарий

Используем UI браузера Google Chrome: Действия

Недавно я решил плотнее разобраться с технологией написания расширений для Google Chrome. А что бы не забыть, то что уже изучено — я решил записывать свои находки и мысли по этому поводу. Кстати, в прошлом году я уже описывал свой опыт … подробнее

Опубликовано в: Chrome, JavaScript, WebKit, Браузеры, Все записи, Расширения, Расширения для Google Chrome | Помечено , , , , | Оставить комментарий

Новости для верстальщиков за март 2011 года

Чем порадовал верстальщиков и front-end разработчиков март? Firefox 22 марта Mozilla в своем блоге опубликовала запись о выходе четвёртой версии Firefox. В новом Firefox предложено множество улучшений для оптимальной работы. Opera 17 марта Opera выпустила бета-версию одноименного браузера с кодовым … подробнее

Опубликовано в: Chrome, Firefox, Internet Explorer, Opera, Presto, WebKit, Браузеры | Помечено , | 2 Комментариев

CSS: Вычисление специфичности в каскадных таблицах стилей

Недавно один верстальщик меня спросил: «Что значит инструкция !important в CSS?». Я попытался сказать, что она служит для переопределения ранее указанного значения свойства и понял, что выразился неточно. Далее в голове всплыло несколько правил про специфичность селекторов и я сдулся. … подробнее

Опубликовано в: CSS, CSS2, CSS3, Firefox, Internet Explorer, Opera, WebKit, Браузеры, Все записи | Помечено , , , | 3 Комментариев

Как указать версию JavaScript?

Сегодня я столкнулся с одной интересной проблемой. Мне захотелось посмотреть, как мой JavaScript-код будет работать в разных версиях этого языка программирования. Однако я не только не смог вспомнить способа перевода текущего движка в другой режим, но даже не знал, как … подробнее

Опубликовано в: Chrome, Firefox, JavaScript, WebKit, Все записи | Помечено , , , | Оставить комментарий