Рубрика «Firefox» - 40

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

Нарушать правила хабра мне бы не хотелось, поэтому напишу пару слов о процессе. В спецификации SVG есть раздел про анимацию, в котором здорово описано как должны клиенты (например, браузеры) выполнять анимацию. В теории получается очень красиво, но пока не попробуешь сделать что-то своими руками — не поймешь.
Читать полностью »

Четыре дня назад (23 апреля 2012 года) Фонд Мозиллы официально объявил об окончании жизни устаревшего браузера Firefox 3.6, всякая поддержка которого прекращается с 24 апреля.

Для авторов CSS-кода это повод страстно возликовать: наконец-то можно совершенно отказаться от поддержки свойства «-moz-border-radius» (в пользу простого «border-radius»), отказаться от поддержки свойства «-moz-box-shadow» (в пользу простого «box-shadow»), отказаться от поддержки свойства «-moz-background-size» (в пользу простого «background-size»).

Читать полностью »

Четыре дня назад (23 апреля 2012 года) Фонд Мозиллы официально объявил об окончании жизни устаревшего браузера Firefox 3.6, всякая поддержка которого прекращается с 24 апреля.

Для авторов CSS-кода это повод страстно возликовать: наконец-то можно совершенно отказаться от поддержки свойства «-moz-border-radius» (в пользу простого «border-radius»), отказаться от поддержки свойства «-moz-box-shadow» (в пользу простого «box-shadow»), отказаться от поддержки свойства «-moz-background-size» (в пользу простого «background-size»).

Читать полностью »

в 9:00, , рубрики: Firefox, браузеры, метки:

Как всегда, по традиции, новая стабильная сборка Firefox доступна на пару дней раньше официального анонса, который ожидается 24 апреля (вторник).
Что нового в этой версии:
Читать полностью »

Я хочу подвести итог Firefox инструментов для html верстки, благодаря которым у нас есть время на что-то более важное, чем верстка. Я поделюсь своими инструментами, а вы предлагайте свои.

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

Парнишь! Ты почему исходный код сайта по ctrl+U все еще смотришь?

Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox. Гроза всех IDE систем разработки, не убил визуалстудию отсутсвием кнопки Save.

Возьми от Firefox все!
Читать полностью »

Я хочу подвести итог инструментов-расширений Firefox для html верстки, благодаря которым у нас есть время на что-то более важное, чем верстка. Я поделюсь своими инструментами, а вы предлагайте свои.

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

Парнишь! Ты почему исходный код сайта по ctrl+U все еще смотришь?

Говорят, если бы капитан мочевидность был веб-разработчиком, он бы всем советовал ставить Firebug. Это Джастин Бибер в мире попсы, это почти половина самого firefox.
В представлениях не нуждается, самая дописанная и навороченная панель разработчика FireBug есть только в Firefox. Гроза всех IDE систем разработки, не убил визуалстудию отсутсвием кнопки Save.

Возьми от Firefox все для веб разработки
Читать полностью »

Всякий, кому доводилось читать две прекрасные статьи Тима Брауна «Type rendering: operating systems» и затем «Type rendering: web browsers» (в октябре 2010 года) или самостоятельно исследовать тот же вопрос, тот уж знает, что в Windows, в зависимости от версии Windows, браузеры могут пользоваться одной или двумя различными системами антиалиасинга (сглаживания контуров) отрисовываемого шрифта.

Наилучшею из двух является система ClearType в DirectWrite (которою современные версии IE и Файерфокса пользуются в Windows 7 и в Windows Server 2008 R2 — а также в Windows Vista и в Windows Server 2008, если там установлен Platform Update): в ней контуры сглаживаются как в горизонтальном направлении (с использованием субпиксельной отрисовки ClearType), так и в вертикальном.

Менее хорошею является прежняя система ClearType в GDI+ (которою буквально все браузеры пользуются в Windows XP): она использует только субпиксельную отрисовку контуров шрифта в горизонтальном направлении — но ничуть не мешает проявляться «ступенькам» всякий раз, когда линия символа перескакивает в вертикальном направлении с одной строчки пикселов на другую. Эта особенность делает особенно тягостным отображение почти горизонтальных линий — имеющихся, например, в недавнем шрифте Russo.

Но оказывается, что случается и противоположная проблема: те шрифты, видом которых дизайнер-шрифтовик был долгие годы всецело удовлетворён в Windows XP, в некоторых размерах могут стать пренеприятно тонкими после их отображения в DirectWrite в более современных операционных системах. Таковы оказались, в частности, шрифты Arial, Tahoma и Verdana, распространявшиеся Корпорацией Microsoft в составе операционных систем семейства Windows. На сайте DebugTheWeb вы без труда отыщете ту тестовую страницу, на которой для вашего свéдения (и для сведéния на холсте <canvas>) приводятся скриншоты, демонстрирующие эту проблему; вы можете там сравнить своё отображение шрифтов с эталонным.

Читать полностью »

Разработчики Mozilla представили билд Firefox c поддержкой WebRTC и браузерный видеочат

Небольшая группа разработчиков из Mozilla на днях посетила конференцию IETF 83, проходившую в Париже. Разработчики представили браузерный видеочат, для запуска которого не нужно специализированное программное обеспечение — только браузер Firefox. Правда, специально для чата использовался специальный билд этого браузера, с поддержкой WebRTC.

Читать полностью »

После появления сетчаточных дисплеев люди ищут альтернативы PNG-значкам, не зависящие от разрешения. Кто-то влюбляется в шрифтовые значки, другие кричат «SVG». Сожалею, но если вы ищете панацею, то я боюсь, что её не существует. Давайте поближе поглядим, какие у нас есть варианты.

Шрифты со значками восхитительны, но…

они размыты. В них нет настоящей, попиксельной резкости. Да, использование @font-face для значков обрело заметную популярность. Я и сам рекомендовал и даже стал коллекционировать их. Но в таких значках есть изъян, который меня достаёт. Они всё ещё немного размываются на несетчаточных дисплеях (а таких до сих пор подавляющее большинство). Попробуйте поуправлять размером у Криса в демонстрации и вглядитесь попристальнее. Эффект по-разному проявляется у разных размеров, но все они имеют одну и ту же проблему «полупиксельной размытости». Возможно, её заметить не так просто, так что вот здесь я увеличил скриншот пятнадцатипиксельного размера (а заодно и фоновый шум убрал):

Нечёткость значков истомляет нас

Читать полностью »

Вчера в багзилле mozilla.org закрыли баг №641509 «onbeforeunload event does not display site-supplied text, only standard message», судя по комментариям, окончательно и бесповоротно. В связи с этим захотелось написать немного об истории вопроса.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js