<?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>Дизайн-журнал №1. &#187; галерея с&nbsp;переходами</title>
	<atom:link href="http://www.dejurka.ru/tag/%d0%b3%d0%b0%d0%bb%d0%b5%d1%80%d0%b5%d1%8f-%d1%81-%d0%bf%d0%b5%d1%80%d0%b5%d1%85%d0%be%d0%b4%d0%b0%d0%bc%d0%b8/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.dejurka.ru</link>
	<description>Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.</description>
	<lastBuildDate>Sat, 22 Jun 2019 07:00:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>15 примеров интересных переходов на сайтах&#160;(gif)</title>
		<link>https://www.dejurka.ru/inspiration/transitions-web-design/</link>
		<comments>https://www.dejurka.ru/inspiration/transitions-web-design/#comments</comments>
		<pubDate>Wed, 06 Jun 2018 07:00:43 +0000</pubDate>
		<dc:creator>Mary - Dejurka</dc:creator>
				<category><![CDATA[вдохновение]]></category>
		<category><![CDATA[css3 переходы]]></category>
		<category><![CDATA[галерея с переходами]]></category>
		<category><![CDATA[переходы]]></category>
		<category><![CDATA[эффекты]]></category>

		<guid isPermaLink="false">http://www.dejurka.ru/?p=180571</guid>
		<description><![CDATA[<span class="image-rss"><a href="https://www.dejurka.ru/inspiration/transitions-web-design/"><img title="15 примеров интересных переходов на сайтах&nbsp;(gif)" src="http://www.dejurka.ru/wp-content/uploads/2018/06/transitions-web-design-small.jpg" alt="15 примеров интересных переходов на сайтах&nbsp;(gif)" width="283" height="108" /></a></span><br/>Анимация переходов - интересный способ заинтересовать посетителей. Нестандартные решения в этом случае не особенно затрагиваю юзабилити, так как основные элементы (такие как кнопка меню, значок возвращения на главную страницу и. д. ) можно оставить на привычных местах без ущерба для оригинальности.   &#160; &#160; Источник Источник Источник Источник Источник Источник Источник   Источник Источник Источник Источник [...]]]></description>
		<wfw:commentRss>https://www.dejurka.ru/inspiration/transitions-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Создание галереи быстро меняющихся изображений с использованием&#160;CSS3</title>
		<link>https://www.dejurka.ru/css/fast-hover-slideshow/</link>
		<comments>https://www.dejurka.ru/css/fast-hover-slideshow/#comments</comments>
		<pubDate>Wed, 18 Jun 2014 10:00:14 +0000</pubDate>
		<dc:creator>Mary - Dejurka</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[галерея с переходами]]></category>
		<category><![CDATA[сss галереи]]></category>
		<category><![CDATA[урок css]]></category>
		<category><![CDATA[урок верстка]]></category>

		<guid isPermaLink="false">http://www.dejurka.ru/?p=111291</guid>
		<description><![CDATA[<span class="image-rss"><a href="https://www.dejurka.ru/css/fast-hover-slideshow/"><img title="Создание галереи быстро меняющихся изображений с использованием&nbsp;CSS3" src="http://www.dejurka.ru/wp-content/uploads/2014/05/fast-hover-slideshow-small.jpg" alt="Создание галереи быстро меняющихся изображений с использованием&nbsp;CSS3" width="283" height="108" /></a></span><br/>Этот урок расскажет вам о том, как создать галерею быстро меняющихся изображений, активизирующуюся, когда пользователь наводит указатель мыши, и останавливающуюся, когда пользователь отводит указатель мыши. Текущее изображение останется видимым. &#160; &#160; Демонстрация работы – Скачать исходный код Мы хотим поделиться с вами опытом создания небольшой галереи, в которой изображения меняются при наведении указателя мыши. Основная [...]]]></description>
		<wfw:commentRss>https://www.dejurka.ru/css/fast-hover-slideshow/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Простая контент-галерея с использованием jQuery и&#160;CSS3</title>
		<link>https://www.dejurka.ru/css/content-slider/</link>
		<comments>https://www.dejurka.ru/css/content-slider/#comments</comments>
		<pubDate>Thu, 09 Jan 2014 11:00:56 +0000</pubDate>
		<dc:creator>Mary - Dejurka</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[jquery слйдеры]]></category>
		<category><![CDATA[верстка]]></category>
		<category><![CDATA[галерея с переходами]]></category>
		<category><![CDATA[галерея урок]]></category>
		<category><![CDATA[сss галереи]]></category>
		<category><![CDATA[урок css]]></category>
		<category><![CDATA[урок верстка]]></category>

		<guid isPermaLink="false">http://www.dejurka.ru/?p=100927</guid>
		<description><![CDATA[<span class="image-rss"><a href="https://www.dejurka.ru/css/content-slider/"><img title="Простая контент-галерея с использованием jQuery и&nbsp;CSS3" src="http://www.dejurka.ru/wp-content/uploads/2013/12/content-slider-small.jpg" alt="Простая контент-галерея с использованием jQuery и&nbsp;CSS3" width="283" height="108" /></a></span><br/>В этом уроке мы будем создавать автоматически меняющуюся контент-галерею, используя jQuery и CSS3. Основная задача — изменить фоновое изображение и плавно изменить заголовок и описание. При нажатии на элемент меню функция автоматического изменения останавливается, и выезжают соответствующие материалы. &#160; &#160; Демонстрация работы – Скачать исходный код Итак, давайте начнем с разметки. Разметка Наш html состоит [...]]]></description>
		<wfw:commentRss>https://www.dejurka.ru/css/content-slider/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Галерея с&#160;css3-переходами</title>
		<link>https://www.dejurka.ru/css/gallery_with_css3_transitions/</link>
		<comments>https://www.dejurka.ru/css/gallery_with_css3_transitions/#comments</comments>
		<pubDate>Thu, 11 Jul 2013 07:02:37 +0000</pubDate>
		<dc:creator>marina</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[css3 переходы]]></category>
		<category><![CDATA[галерея с переходами]]></category>
		<category><![CDATA[галерея урок]]></category>
		<category><![CDATA[переходы]]></category>

		<guid isPermaLink="false">http://www.dejurka.ru/?p=81681</guid>
		<description><![CDATA[<span class="image-rss"><a href="https://www.dejurka.ru/css/gallery_with_css3_transitions/"><img title="Галерея с&nbsp;css3-переходами" src="http://www.dejurka.ru/wp-content/uploads/2013/07/gallery_with_css3_transitions.jpg" alt="Галерея с&nbsp;css3-переходами" width="283" height="105" /></a></span><br/>В этом уроке мы будем создавать галерею, в которой с помощью CSS3- переходов реализуется эффект диагонального угасания фотографий. Мы будем сканировать на сервере папку с фотографиями  и отображать их в полный размер экрана в виде сетки. Добавить новую фотографию можно просто скопировав два файла в папку галереи (предварительно отредактировав размеры изображения и превьюшки, для которой желательный [...]]]></description>
		<wfw:commentRss>https://www.dejurka.ru/css/gallery_with_css3_transitions/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
