Однажды, от скуки, мне захотелось создать красивую полноцветную анимацию с 8-битной прозрачностью. Понятно, что GIF для этой цели никак не подходил и я стал искать альтернативы. Flash в этом качестве даже не рассматривался – слишком нагружает процессор, плохо встраивается в страницу поверх других элементов, да и стоит не у всех.
Показаны сообщения с ярлыком svg. Показать все сообщения
Показаны сообщения с ярлыком svg. Показать все сообщения
пятница, 20 мая 2011 г.
суббота, 29 января 2011 г.
Гугловский поиск картинок начал индексировать SVG-файлы
В прошлом году Google объявил, что начал индексировать SVG-файлы, но результаты были доступны только в поиске по вебу.
Теперь же появилась возможность искать SVG-файлы в поиске картинок.
Для этого нужно ограничить результаты по типу файла в расширенном поиске или с помощью оператора. Например: [молекула filetype:svg].

Только в Википедии Google находит около 60 тысяч SVG-файлов.
Источник: Хабрахабр - Google
Оригинальная страница: Гугловский поиск картинок начал индексировать SVG-файлы
Теперь же появилась возможность искать SVG-файлы в поиске картинок.
Для этого нужно ограничить результаты по типу файла в расширенном поиске или с помощью оператора. Например: [молекула filetype:svg].

Только в Википедии Google находит около 60 тысяч SVG-файлов.
Источник: Хабрахабр - Google
Оригинальная страница: Гугловский поиск картинок начал индексировать SVG-файлы
четверг, 13 января 2011 г.
Проблемы использования SVG-кнопок в браузерах
Данная статья является продолжением статьи Рисуем кнопку в SVG, в которой рассматривались проблемы создания SVG-изображений, предназначенных для использования в качестве кнопок на веб-страницах. Здесь я перейду непосредственно к внедрению полученных картинок в HTML-код и расскажу, с какими проблемами столкнётся при этом разработчик, как эти проблемы можно решать и что делать с проблемами, которые решить не удаётся.
На всякий случай (для тех, кто не читал первую статью) повторю, что многие из проблем решить так и не удалось, и что это в конце концов вынудило меня отказаться от идеи использования SVG. Так если вам не хочется тратить время на чтение статьи, не приводящей к реально использующемуся результату, вы вполне можете её пропустить. Тех же, кому несмотря на это интересны детали и конкретика, прошу под кат.
На всякий случай (для тех, кто не читал первую статью) повторю, что многие из проблем решить так и не удалось, и что это в конце концов вынудило меня отказаться от идеи использования SVG. Так если вам не хочется тратить время на чтение статьи, не приводящей к реально использующемуся результату, вы вполне можете её пропустить. Тех же, кому несмотря на это интересны детали и конкретика, прошу под кат.
пятница, 7 января 2011 г.
Инструмент для рисования снежинок в браузере

Тема оформления «Хабрахабр».
Ещё 2 дня назад я закончил разработку инструмента для рисования снежинок, отладил его в тепличных локальных условиях и готов был отправить в дальнее плавание. Но запуск «проекта» в открытый интернет пришлось 2 раза откладывать. Сначала при интеграции со сторонним сайтом отказались работать кроссдоменные AJAX-запросы методом POST (а GET'а мне не для всех запросов было достаточно), потом на медленном канале проявила себя в виде глюков асинхронная загрузка данных и представления. Сейчас всё вроде бы пофикшено, выложено и ожидает по отношению к себе проявлений внимания.
понедельник, 20 декабря 2010 г.
SVG с прозрачным фоном в Chrome и Safari
Здравствуйте, дорогие читатели. Те из вас, кто когда-либо работал с форматом svg, знают о противном и, что самое главное, чрезвычайно старом баге, проявляющемся в webkit-браузерах. Суть бага в том, что если вставить svg-картинку с прозрачным фоном через тег object, то safari и хром зальют её белым цветом — пример.
суббота, 21 августа 2010 г.
[Ссылка] Библиотека Polymaps
Polymaps — это Javascript библиотека для создания интерактивных карт. Использует SVG и, по словам разработчиков, эту библиотеку можно использовать совместно с картами Google Maps, OpenStreetMap, Bing и CloudMade.
Ссылка: http://habrahabr.ru/linker/go/102313/
Источник: Хабрахабр - JavaScript
Оригинальная страница: [Ссылка] Библиотека Polymaps
Ссылка: http://habrahabr.ru/linker/go/102313/
Источник: Хабрахабр - JavaScript
Оригинальная страница: [Ссылка] Библиотека Polymaps
Подписаться на:
Сообщения (Atom)