<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WebCocktail &#187; Кодинг</title>
	<atom:link href="http://webcocktail.ru/category/coding/feed/" rel="self" type="application/rss+xml" />
	<link>http://webcocktail.ru</link>
	<description>записки веб-разработчика</description>
	<lastBuildDate>Wed, 02 May 2012 18:51:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Верстаем треугольники</title>
		<link>http://webcocktail.ru/coding/verstaem-treugolniki/</link>
		<comments>http://webcocktail.ru/coding/verstaem-treugolniki/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 08:57:51 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css-трюки]]></category>
		<category><![CDATA[вёртска]]></category>
		<category><![CDATA[советы новичкам]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=396</guid>
		<description><![CDATA[Благодаря CSS3 и border-radius мы теперь можем верстать окружности, а что насчёт треугольников? Частенько в дизайне встречается какая нибудю мелочь, навроде этой &#9650; маленькой штуки, которая при сортировке данных подсказывает пользователю каким образом они выведены: от большего значения к меньшему или наоборот.

Можно, конечно, воспользоваться таблицей специальных символов HTML. В ней присутствует символ треугольника, который записывается [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/verstaem-treugolniki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Закругление уголков картинок с помощью border-radius</title>
		<link>http://webcocktail.ru/coding/border-radius-for-images/</link>
		<comments>http://webcocktail.ru/coding/border-radius-for-images/#comments</comments>
		<pubDate>Mon, 18 Oct 2010 13:54:33 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[border-radius]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=370</guid>
		<description><![CDATA[Дизайнеры очень любят круглые уголки. Не спорю, они добавляют некоторую элегантность и элементы интерфейса веб-страницы выглядят более эстетично и привлекательно, однако реализация создаёт дополнительные трудности для верстальщиков. К счастью, с появлением CSS3 и свойства border-radius, которое уже поддерживают все современные браузеры задача значительно упрощается. Сделать закруглённые уголки для обычного блока DIV теперь можно буквально парой [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/border-radius-for-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Всё что вы хотели знать про box-shadow</title>
		<link>http://webcocktail.ru/coding/css-box-shadow/</link>
		<comments>http://webcocktail.ru/coding/css-box-shadow/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 11:53:29 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[box-shadow]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[вёрстка]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=348</guid>
		<description><![CDATA[Как несложно догадаться из названия статьи речь пойдёт о css-свойстве третьей спецификации box-shadow, которое добавляет к блочным элементам тень. Сегодня веб-дизайнеры уже вовсю используют его, даже не смотря на то, что данное свойство поддерживается не всеми браузерами или поддерживается, но неполностью. Итак, для начала разберёмся с правильным написанием данного свойства.


.box 
&#123;
box-shadow:5px 5px 5px 5px #eee [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/css-box-shadow/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Вёрстка для разных разрешений без использования javascript</title>
		<link>http://webcocktail.ru/coding/vjorstka-dlya-raznykh-razreshenijj-bez-ispolzovaniya-javascript/</link>
		<comments>http://webcocktail.ru/coding/vjorstka-dlya-raznykh-razreshenijj-bez-ispolzovaniya-javascript/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 15:32:58 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[вёрстка]]></category>
		<category><![CDATA[разрешение экрана]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=340</guid>
		<description><![CDATA[В CSS есть великолепная возможность назначать разные стили для разных разрешений экрана. С ростом популярности мобильного интернета и увеличением количества разнообразных мобильных гаджетов эта возможность становится всё более востребованной. Многие знают, что в CSS есть правило @media, которое позволяет указать тип носителя, для которого будет применяться указанный стиль.

Вот перечень этих носителей: 

all (все типы)
aural  [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/vjorstka-dlya-raznykh-razreshenijj-bez-ispolzovaniya-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Вертикальное выравнивание текста в полях формы</title>
		<link>http://webcocktail.ru/coding/vertical-align-input/</link>
		<comments>http://webcocktail.ru/coding/vertical-align-input/#comments</comments>
		<pubDate>Thu, 27 May 2010 10:26:25 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[Firexox]]></category>
		<category><![CDATA[vertical-align]]></category>
		<category><![CDATA[вёрстка]]></category>
		<category><![CDATA[советы новичкам]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=336</guid>
		<description><![CDATA[Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), тоесть полях формы. Казалось бы, чего тут сложного? Основные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах как это выглядит. На первый взгляд всё отлично, однако начинаем заполнять поле, и видим, [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/vertical-align-input/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Масштабирование изображений браузерами</title>
		<link>http://webcocktail.ru/coding/masshtabirovanie-izobrazhenijj-brauzerami/</link>
		<comments>http://webcocktail.ru/coding/masshtabirovanie-izobrazhenijj-brauzerami/#comments</comments>
		<pubDate>Mon, 04 May 2009 11:31:03 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[ms-interpolation-mode]]></category>
		<category><![CDATA[бикубический]]></category>
		<category><![CDATA[интерполяция]]></category>
		<category><![CDATA[ресемплинг]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=232</guid>
		<description><![CDATA[В недрах Internet Explorer Developer Center обнаружено описание использования бикубического метода интерполяции (режима масштабирования), позволяющего без искажений отобразить картинку в IE7, если её размеры были изменены браузером.

Наверняка вы сталкивались со следующей проблемой: на сайте изображение должно отобразиться в заданном размере, но исходный файл оказывается на самом деле бОльшего размера. Конечно, в идеале, нужно отредактировать саму [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/masshtabirovanie-izobrazhenijj-brauzerami/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Забытые HTML-теги</title>
		<link>http://webcocktail.ru/coding/zabytye-html-tegi/</link>
		<comments>http://webcocktail.ru/coding/zabytye-html-tegi/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 17:15:29 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[советы новичкам]]></category>
		<category><![CDATA[теги]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/?p=170</guid>
		<description><![CDATA[Вряд ли кто-нибудь из веб-разработчиков может сегодня пожаловаться на нехватку html-тегов. Всегда ведь можно обойтись использованием универсальных &#60;div&#62; и &#60;span&#62;. Однако, если семантика для вас не пустой звук, возможно, будет неплохо вспомнить некоторые теги, незаслуженно позабытые в последнее время.

Для начала предлагаю пройти тест, где за 5 минут нужно вспомнить как можно больше html-тегов.
56
Сомневаюсь, что вы [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/zabytye-html-tegi/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Как расположить блок над Flash</title>
		<link>http://webcocktail.ru/coding/kak-raspolozhit-blok-nad-flash/</link>
		<comments>http://webcocktail.ru/coding/kak-raspolozhit-blok-nad-flash/#comments</comments>
		<pubDate>Wed, 25 Mar 2009 18:35:06 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[opaque]]></category>
		<category><![CDATA[wmode]]></category>
		<category><![CDATA[баги]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/coding/kak-raspolozhit-blok-nad-flash/</guid>
		<description><![CDATA[Проблема расположения блоков над flash-содержимым известна уже давно. Суть её заключается в следующем: если на сайте есть flash-ролик, то для расположения блока поверх него стандартных свойств CSS будет недостаточно. Указав для такого блока абсолютное позиционирование и z-index вы не добьётесь желаемого результата. Флэш всё равно окажется поверх него.

Всё дело в параметрах flash-ролика, внедряемого на веб-страницу. [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/kak-raspolozhit-blok-nad-flash/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>CSS селектор дочернего элемента</title>
		<link>http://webcocktail.ru/coding/css-selektor-pryamogo-potomka/</link>
		<comments>http://webcocktail.ru/coding/css-selektor-pryamogo-potomka/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 20:26:29 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[селекторы css]]></category>
		<category><![CDATA[советы новичкам]]></category>
		<category><![CDATA[хак для IE]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/coding/css-selektor-pryamogo-potomka/</guid>
		<description><![CDATA[Когда работаешь с «живым» информационным сайтом, содержание которого постоянно изменяется и дополняется, приходится сталкиваться с проблемами абсолютно нетривиальными. Как это часто бывает, за наполнение сайта отвечают люди не имеющие представления о тегах, семантике и валидности кода. Бывает также, что и визуальные редакторы, с которыми работают эти «контент-манагеры» далеки от совершенства. Так или иначе, веб-разработчикам часто [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/css-selektor-pryamogo-potomka/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Прозрачный фон и поддержка браузерами модели RGBa</title>
		<link>http://webcocktail.ru/coding/prozrachnyjj-fon-i-podderzhka-brauzerami-modeli-rgba/</link>
		<comments>http://webcocktail.ru/coding/prozrachnyjj-fon-i-podderzhka-brauzerami-modeli-rgba/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 21:12:16 +0000</pubDate>
		<dc:creator>Роман</dc:creator>
				<category><![CDATA[Кодинг]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[кодинг]]></category>
		<category><![CDATA[прозрачность]]></category>
		<category><![CDATA[советы новичкам]]></category>
		<category><![CDATA[хак для IE]]></category>

		<guid isPermaLink="false">http://www.webcocktail.ru/coding/prozrachnyjj-fon-i-podderzhka-brauzerami-modeli-rgba/</guid>
		<description><![CDATA[Речь пойдёт не о прозрачности блока, не об использовании изображений формата png с альфа-каналом, а о прозрачном фоновом цвете. Не слышали о таком свойстве? Ну что ж скоро будете не только много слышать но и успешно применять, ибо CSS3 грядёт!

Новое поколение CSS3 несёт с собой много интересных свойств, которые облегчат работу веб-дизайнера. Одно из таких [...]]]></description>
		<wfw:commentRss>http://webcocktail.ru/coding/prozrachnyjj-fon-i-podderzhka-brauzerami-modeli-rgba/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

