Масштабируемое фоновое изображение

Недавно передо мной стала задача сделать масштабируемый фон для сайта. При чем быстро. В принципе задача нетрудная. Но как всегда встретились подводные камни. Сначала подумал просто использовать CSS 3 свойство background-size. Но тут без костылей не обойтись и этот вариант отбросил. Получилось следующее: Читать далее

Рубрика: HTML/CSS, JavaScript/JQuery | Метки: , , , , | 7 комментариев

Кроссбраузерная css прозрачность.

Практически все современные браузеры поддерживают CSS 3 свойство opacity, определяющее уровень прозрачности элемента. Но иногда все еще возникает необходимость поддерживать старые браузеры. Именно для них при реализации кроссбраузерной прозрачности нужны первые 3 строки :

[codesyntax lang=»css» title=»CSS»]

.op{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+, Chrome 5+, IE 9+ */
}

[/codesyntax]

К сожалению эта конструкция не проходит валидацию.  Так что решайте сами — или валидность, или кроссбраузерность… Читать далее

Рубрика: HTML/CSS | Метки: , , , , , , | 3 комментария

Выбор случайных записей в Transact-SQL

В спецификации Transact-SQL я ничего не нашел про выборку случайных строк из таблицы. Хотя осуществляется она довольно просто. Основная идея заключается в использовании функции NEWID ( ), которая создает уникальное значение типа uniqueidentifier.  Затем сортируем строки по этому значению и выбираем нужное количество строк.

[codesyntax lang=»tsql»]

SELECT TOP 1 column FROM table
ORDER BY NEWID()

[/codesyntax]

Читать далее

Рубрика: SQL | Метки: , | Добавить комментарий

Группировка Мюнха

При работе с xml/xslt довольно часто возникает потребность в группировке xml-узлов по каким-либо признакам.Например из хаотичного списка городов

[codesyntax lang=»xml»]

<cities>
	<city>Yalta</city>
	<city>Izmail</city>
	<city>Sochi</city>
	<city>Ovidiopol</city>
	<city>Alushta</city>
	<city>Odessa</city>
</cities>

[/codesyntax]

нам надо получить отсортированный по алфавиту и сгрупированный по буквам список

[codesyntax lang=»xml»]

<letter-list>
	<letter name="A">
		<city>Alushta</city>
	</letter>
	<letter name="I">
		<city>Izmail</city>
	</letter>
	<letter name="O">
		<city>Odessa</city>
		<city>Ovidiopol</city>
	</letter>
	<letter name="S">
		<city>Sochi</city>
	</letter>
	<letter name="Y">
		<city>Yalta</city>
	</letter>
</letter-list>

[/codesyntax]
Читать далее

Рубрика: XSLT/XPath | Метки: , , | Добавить комментарий

PhpStorm. Форматирование кода (Reformat code)

Иногда, открывая чужой код, можно сломать глаза, разбирая его. Для меня очень важно, чтобы код выглядел аккуратно. Но у каждого из нас свои представления об этом. PhpStorm может удовлетворить в этом плане любого кодера. Читать далее

Рубрика: Software | Метки: , , | Добавить комментарий

PhpStorm. Сниппеты.

Сниппет (англ. snippet — фрагмент, отрывок) — программный термин, обозначающий небольшой фрагмент исходного кода или текста, пригодного для повторного использования. Для примера рассмотрим работу с XSLT. В XSLT использование сниппетов из-за некоторой громоздкости конструкций является необходимостью. Для просмотра и вставки уже существующего сниппета требуется (по умолчанию) нажать Ctrl+J в XSLT -документе.
Читать далее

Рубрика: Software | Метки: , , | 3 комментария

XUL. Как задать border-color в Firefox 3.6+

xul+css+javascript

Раньше для того, чтобы задавать свои стили таким элементам, как button, panel, menupopup, checkbox и др., достаточно было указать свойство

[codesyntax lang=»css» ]

-moz-appearance: none;

[/codesyntax]

После этого, например, для изменения границ можно было указать свойство

[codesyntax lang=»css»]

border:1px solid #343434;

[/codesyntax]

Теперь же (по крайней мере в firefox 3.6.16) при задании этого свойства изменятся только стиль (solid) и толщина (1px) границы. Цвет не изменится. Читать далее

Рубрика: XUL | Метки: , , | Добавить комментарий
  • Страница 6 из 6
  • <
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6