Показаны сообщения с ярлыком svg. Показать все сообщения
Показаны сообщения с ярлыком svg. Показать все сообщения

пятница, 20 мая 2011 г.

[Из песочницы] Кроссбраузерный анимированный PNG? Легко!

Однажды, от скуки, мне захотелось создать красивую полноцветную анимацию с 8-битной прозрачностью. Понятно, что GIF для этой цели никак не подходил и я стал искать альтернативы. Flash в этом качестве даже не рассматривался – слишком нагружает процессор, плохо встраивается в страницу поверх других элементов, да и стоит не у всех.

суббота, 29 января 2011 г.

Гугловский поиск картинок начал индексировать SVG-файлы

В прошлом году Google объявил, что начал индексировать SVG-файлы, но результаты были доступны только в поиске по вебу.

Теперь же появилась возможность искать SVG-файлы в поиске картинок.

Для этого нужно ограничить результаты по типу файла в расширенном поиске или с помощью оператора. Например: [молекула filetype:svg].



Только в Википедии Google находит около 60 тысяч SVG-файлов.


Источник: Хабрахабр - Google
Оригинальная страница: Гугловский поиск картинок начал индексировать SVG-файлы

четверг, 13 января 2011 г.

Проблемы использования SVG-кнопок в браузерах

Данная статья является продолжением статьи Рисуем кнопку в SVG, в которой рассматривались проблемы создания SVG-изображений, предназначенных для использования в качестве кнопок на веб-страницах. Здесь я перейду непосредственно к внедрению полученных картинок в HTML-код и расскажу, с какими проблемами столкнётся при этом разработчик, как эти проблемы можно решать и что делать с проблемами, которые решить не удаётся.

На всякий случай (для тех, кто не читал первую статью) повторю, что многие из проблем решить так и не удалось, и что это в конце концов вынудило меня отказаться от идеи использования 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