preload
Янв 31

Использование SVG для гибких, расширяемых и занятных фонов. Часть первая.

Browsers, HTML/XHTML, Переводы Отзывов: 4 »

Решил сделать вольно-раздолбайский перевод статьи о SVG с ALA. Это перевод первой части, в ближайшее время постараюсь перевести вторую.

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

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

Связанные записи

  • Нет связанных записей.

Метки: • • •
Мар 30

Снова про PNG и IE6

Browsers, Tips'n'Tricks Отзывов: 2 »

Я вот подумал, зачем использовать относительно тяжелые лечилки вроде Unit PNG Fix или IE PNG Fix, если все что требуется – это вылечить PNG, подключенные только тегом img? Подумал, и изобрел велосипед:

function fixPng(){
	var imgs = document.getElementsByTagName('IMG');
	var mask = /\.png/i;
	for(i = 0; i < imgs.length; i++)
	{
		img = imgs[i];
		if(!img.src.match(mask)) continue;
		var src = img.src;
		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizing='scale')";
		img.src = "js/clear.gif";
	}
}
window.attachEvent("onload", fixPng);

Ложим в папку со скриптом прозрачный PNG-файл размером 1x1px и подключаем его при помощи условных комментариев (conditional comments):

<!--[if lt IE 7]>
<script src="js/pngfixer.js" type="text/javascript"></script>
< ![endif]>

Качаем тут

Связанные записи


Метки: • •
Янв 28

FireScope – еще один полезный плагин для Firefox

Browsers Ваш отзыв »

FireScope – это расширение для Firefox, интегрируемое с Firebug, и дополняющее его справочником по HTML и CSS.

Главная функциональность расширения сосредоточена в панели Reference, позволяющей искать элементы и атрибуты HTML, а также свойства CSS.

Расширение также встраивается в контекстные меню панелей HTML и CSS, DOM и Inspector, добавляя опции для поиска информации по выбранному элементу просмотра примера кода.

Требования:

Связанные записи


Метки: • •
Дек 08

Разгоняем Firefox

Browsers, Tips'n'Tricks Отзывов: 2 »

Пришло вот мне в голову разогнать огнелиса. Сказано – сделано. Результаты ощутимы даже на глаз. Сделать это можно так: вбиваем в адресную строку about:config. Затем выставляем следующие настройки.

network.http.pipelining  = true
network.http.proxy.pipelining = true
network.http.pipelining.maxrequests я выставил 30(а вообще можно поиграться с этим значением). Эти параметры заставляют лиса посылать больше одного запроса за раз, что увеличивает скорость загрузки страниц.

network.dns.disableIPv6 = true. Лично мне IPv6 совершенно ни к чему, поэтому отключаем резолвинг IPv6 адресов.

browser.cache.memory.capacity = 15000. Отучаем FF жрать память. Параметр создается вручную.

Создаем логический параметр config.trim_on_minimize = true. Тем самым отучаем есть память в свернутом состоянии.

Создаем новое целочисленное значение nglayout.initialpaint.delay и выставляем значение 0. Этот параметр указывает браузеру обрабатывать полученную информацию сразу же.

Связанные записи


Метки: •