App - Icon Font Generator. Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg. 6 полезных решений для работы с API Google Maps v3 | Занимательная Веб-картография. В этой небольшой заметке я приведу шесть фрагментов кода для использования в API Google Maps v3, которые Вы сможете применять в Ваших проектах. 1. Масштабирование и центрирование нескольких маркеров на карте Задача. У Вас на карте отображается несколько объектов (метки, поллинии или полигоны) и Вам нужно так провести масштабирование и центрирование карты, чтобы были видны все они. Это можно сделать используя следующий код: Здесь, points — массив координат меток на карте. Посмотреть рабочий пример В примере мы проводим масштабирование и центрирование карты по меткам, тоже самое можно сделать для поллиний и многоугольников, передавая координаты узлов в виде массива. 2.
Для того, чтобы мы могли на карте использовать маркеры со своим изображением значка, необходимо определить свой стиль. Это можно сделать с помощью кода: В начале мы определяем изображение значка метки image: Далее, аналагичный набор параметров для изображения тени значка (если необходимо). Посмотреть рабочий пример 3. 4. 5. 6. Okashpurenko. Video.js. Использование SVG | Frontender Magazine. SVG - формат векторной графики. Буквально его название значит «масштабируемая векторная графика» (Scalable Vector Graphics). Попросту говоря, это то, с чем вы работаете в Adobe Illustrator. SVG можно легко использовать в вебе, но сперва нужно во многом разобраться. Зачем вообще нужен SVG? Небольшие размеры файлов, отличное сжатие;Масштабирование до любого размера, без потери качества (разве что, при совсем маленьких размерах);Хорошо выглядит на ретине;Широкие возможности, которые предоставляют фильтры и интерактивность.
Создадим изображение SVG, с которым будем работать дальше Создайте произвольный рисунок в Adobe Illustrator. Обратите внимание, что изображение кадрируется чётко по краям изображения. Adobe Illustrator умеет сохранять в SVG. При сохранении появится ещё одно диалоговое окно с настройками. Здесь стоит отметить, что у вас есть возможность нажать OK и сохранить файл или же нажать кнопку “SVG Code...”, которая откроет окно TextEdit (по крайней мере на Mac) с SVG-кодом. if (!
1. An Optimized SVG Workflow. Compass URL Helpers. These url helpers isolate your stylesheets from environmental differences. They allow you to write the same stylesheets and use them locally without a web server, and then change them to be using asset hosts in production. They might also insulate you against some code reorganization changes. stylesheet-url($path, $only-path) Generates a path to an asset found relative to the project's css directory. Passing a true value as the second argument will cause pronly the path to be returned instead of a url() function font-url($path, $only-path) Generates a path to an asset found relative to the project's font directory. Image-url($path, $only-path, $cache-buster) Generates a path to an asset found relative to the project's images directory. Passing a true value as the second argument will cause only the path to be returned instead of a url() function The third argument is used to control the cache buster on a per-use basis.
Generated-image-url($path, $cache-buster: false) Cacoo - Create diagrams online Real time collaboration. PHP Scripts, WordPress Plugins, HTML5, jQuery, and CSS | CodeCanyon. HTML5 - iPresenter. Translucent - Responsive Banner Rotator / Slider.
This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Best fits as a website home page slider or an image viewer. Supports Responsive and fluid layouts. Supports touch swipe navigation on iPad and Android tablets. 8 example variations included with source package. Around 55 plugin settings included for deeper customization. The captions can be customized by both plugin settings as well as CSS. More than 6 Variations: Options: Browser version support: 12 MAY 2012 - Responsive & Fluid Layout support added - Method added to dynamically resize banner - Dot style navigation added - Arrow style navigation added - Bigger and adjustable button size for Touch devices for ease of use - Added randomize option - Performance improvements targeting mobile and tablets - IE6 support dropped (now works only from IE7+) Plugin parameters: Image Credits: depositphotos The images used in this preview are not included in the source package.
Lambert Group.