<?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/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>67developer &#187; CSS</title>
	<atom:link href="http://blog.67developer.hu/category/fejlesztes/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.67developer.hu</link>
	<description>Webdesign tippek és trükkök</description>
	<lastBuildDate>Fri, 23 Dec 2011 15:03:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Css hóesés a böngészőben</title>
		<link>http://blog.67developer.hu/css-hoeses/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/css-hoeses/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 14:44:56 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[hóesés]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=1110</guid>
		<description><![CDATA[<a rel="attachment wp-att-1111" href="http://blog.67developer.hu/?attachment_id=1111"><img class="alignleft size-thumbnail wp-image-1111" title="snowflake_with_cartoon_face_0521-1012-0818-0641_SMU" src="http://blog.67developer.hu/wp-content/uploads/2011/12/snowflake_with_cartoon_face_0521-1012-0818-0641_SMU-150x150.jpg" alt="Hóesés a böngészőben, CSS" width="150" height="150" /></a>

Ha szeretnétek az oldalatoknak egy kis karácsonyi hangulatot kölcsönözni, akkor jó kiindulási alap egy kis hóesés, ami az eddigi megoldásokkal ellentétben, nem terheli le a processzort.]]></description>
		<wfw:commentRss>http://blog.67developer.hu/css-hoeses/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<a rel="attachment wp-att-1111" href="http://blog.67developer.hu/?attachment_id=1111"><img class="alignleft size-thumbnail wp-image-1111" title="snowflake_with_cartoon_face_0521-1012-0818-0641_SMU" src="http://blog.67developer.hu/wp-content/uploads/2011/12/snowflake_with_cartoon_face_0521-1012-0818-0641_SMU-150x150.jpg" alt="Hóesés a böngészőben, CSS" width="150" height="150" /></a>

Ha szeretnétek az oldalatoknak egy kis karácsonyi hangulatot kölcsönözni, akkor jó kiindulási alap egy kis hóesés, ami az eddigi megoldásokkal ellentétben, nem terheli le a processzort.
	</item>
		<item>
		<title>Css pseudo :after, :before</title>
		<link>http://blog.67developer.hu/css-pseudo-after-before/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/css-pseudo-after-before/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 20:58:24 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nincs kategorizálva]]></category>
		<category><![CDATA[after]]></category>
		<category><![CDATA[before]]></category>
		<category><![CDATA[pseudo]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=1042</guid>
		<description><![CDATA[<p><a href="http://blog.67developer.hu/?attachment_id=1043" rel="attachment wp-att-1043"><img src="http://blog.67developer.hu/wp-content/uploads/2011/07/Untitled-1.jpg" alt="Css pseudo :after, :before" title="Pseudo elemek" width="150" height="150" class="alignleft size-full wp-image-1043" /></a></p>
<p>Külföldi blogokon egyre népszerűbb a CSS pseudo elemeinek kivesézése, úgyhogy én is belevágok, mint hentes a sonkába.</p>
<p>A "pseoudo" egy Görög szó, amelynek jelentése hamis, ál. Ezek az elemek a DOM tetszőleges eleméhez kapcsolódnak, de ténylegesen nem jelennek meg a DOM struktúrában. Olyan ez mint a <a href="http://miles.hu/2003/02/26/kijott-a-maci-a-barlangjabol/" target="_blank">Wunderscheiße, vagy a szellem kaki :)</a></p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/css-pseudo-after-before/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<p><a href="http://blog.67developer.hu/?attachment_id=1043" rel="attachment wp-att-1043"><img src="http://blog.67developer.hu/wp-content/uploads/2011/07/Untitled-1.jpg" alt="Css pseudo :after, :before" title="Pseudo elemek" width="150" height="150" class="alignleft size-full wp-image-1043" /></a></p>
<p>Külföldi blogokon egyre népszerűbb a CSS pseudo elemeinek kivesézése, úgyhogy én is belevágok, mint hentes a sonkába.</p>
<p>A "pseoudo" egy Görög szó, amelynek jelentése hamis, ál. Ezek az elemek a DOM tetszőleges eleméhez kapcsolódnak, de ténylegesen nem jelennek meg a DOM struktúrában. Olyan ez mint a <a href="http://miles.hu/2003/02/26/kijott-a-maci-a-barlangjabol/" target="_blank">Wunderscheiße, vagy a szellem kaki :)</a></p>
	</item>
		<item>
		<title>CSS Sprite</title>
		<link>http://blog.67developer.hu/css-sprite/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/css-sprite/#comments</comments>
		<pubDate>Wed, 06 Jul 2011 08:08:07 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[optimalizálás]]></category>
		<category><![CDATA[sprite]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=1009</guid>
		<description><![CDATA[<p><a href="http://blog.67developer.hu/indexx.php/css-sprite"><img src="http://blog.67developer.hu/wp-content/uploads/2011/07/sprite-150x150.jpg" alt="Css sprite" title="CSS sprite" width="150" height="150" class="alignleft size-thumbnail wp-image-1017" /></a></p>
<p>Ha webdesigner vagy, és a sprite szó hallatán a képen látható üdítő jut először eszedbe, akkor ez a cikk neked szól! Legjobb oldalad is csak egy csiszolatlan gyémánt egészen addig, amíg ilyen apróságokkal ki nem emeled a szürke átlagból.</p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/css-sprite/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<p><a href="http://blog.67developer.hu/indexx.php/css-sprite"><img src="http://blog.67developer.hu/wp-content/uploads/2011/07/sprite-150x150.jpg" alt="Css sprite" title="CSS sprite" width="150" height="150" class="alignleft size-thumbnail wp-image-1017" /></a></p>
<p>Ha webdesigner vagy, és a sprite szó hallatán a képen látható üdítő jut először eszedbe, akkor ez a cikk neked szól! Legjobb oldalad is csak egy csiszolatlan gyémánt egészen addig, amíg ilyen apróságokkal ki nem emeled a szürke átlagból.</p>
	</item>
		<item>
		<title>Penge galéria</title>
		<link>http://blog.67developer.hu/penge-galeria/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/penge-galeria/#comments</comments>
		<pubDate>Sun, 31 Oct 2010 22:30:56 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[galéria]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=659</guid>
		<description><![CDATA[Egy külfldi blogon találtam a most bemutatásra kerülő galériát, ami egyszerű mégis magával ragadó effektet tartalmaz. Kis jQuery, kis css, kis php, minden ami kell. Előszó Nem áll szándékomban apró cafatokra szedni a kódot, mivel a legtöbb dologról már írtam, vagy kis angol tudással és tapasztalattal rá lehet jönni a funkciójukra. Hogy ne csak a [...]]]></description>
		<wfw:commentRss>http://blog.67developer.hu/penge-galeria/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	Egy külfldi blogon találtam a most bemutatásra kerülő galériát, ami egyszerű mégis magával ragadó effektet tartalmaz. Kis jQuery, kis css, kis php, minden ami kell. Előszó Nem áll szándékomban apró cafatokra szedni a kódot, mivel a legtöbb dologról már írtam, vagy kis angol tudással és tapasztalattal rá lehet jönni a funkciójukra. Hogy ne csak a [...]
	</item>
		<item>
		<title>Trükkös input css segítségével</title>
		<link>http://blog.67developer.hu/trukkos-input-css-segitsegevel/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/trukkos-input-css-segitsegevel/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 05:24:29 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=552</guid>
		<description><![CDATA[<a href="http://blog.67developer.hu/index/trukkos-input-css-segitsegevel/" rel="attachment wp-att-554"><img src="http://blog.67developer.hu/wp-content/uploads/2010/09/Untitled-1_03.png" alt="" title="Untitled-1_03" width="150" height="150" class="alignleft size-full wp-image-554" /></a>
<p>A bemutatott módszer segítségével növelheted az oldaladon a felhasználói élményt. A sima input mezőt fogjuk kicsit felturbózni css segítségével.</p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/trukkos-input-css-segitsegevel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<a href="http://blog.67developer.hu/index/trukkos-input-css-segitsegevel/" rel="attachment wp-att-554"><img src="http://blog.67developer.hu/wp-content/uploads/2010/09/Untitled-1_03.png" alt="" title="Untitled-1_03" width="150" height="150" class="alignleft size-full wp-image-554" /></a>
<p>A bemutatott módszer segítségével növelheted az oldaladon a felhasználói élményt. A sima input mezőt fogjuk kicsit felturbózni css segítségével.</p>
	</item>
		<item>
		<title>Időjárástól függő css</title>
		<link>http://blog.67developer.hu/idojarastol-fuggo-css/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/idojarastol-fuggo-css/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 05:25:45 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[időjárás]]></category>
		<category><![CDATA[JSON]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=523</guid>
		<description><![CDATA[<a href="http://blog.67developer.hu/index.php/idojarastol-fuggo-css/"><img src="http://blog.67developer.hu/wp-content/uploads/2010/08/weather_few_clouds.png" alt="Időjárástól függő css" title="weather_few_clouds" width="128" height="128" class="alignleft size-full wp-image-525" /></a>
<p>Megmutatom hogyan lehet néhány sor javascript segítségével lekérni időjárási adatokat, és azok alapján megváltoztatni az oldal külsejét.</p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/idojarastol-fuggo-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<a href="http://blog.67developer.hu/index.php/idojarastol-fuggo-css/"><img src="http://blog.67developer.hu/wp-content/uploads/2010/08/weather_few_clouds.png" alt="Időjárástól függő css" title="weather_few_clouds" width="128" height="128" class="alignleft size-full wp-image-525" /></a>
<p>Megmutatom hogyan lehet néhány sor javascript segítségével lekérni időjárási adatokat, és azok alapján megváltoztatni az oldal külsejét.</p>
	</item>
		<item>
		<title>Google boríték</title>
		<link>http://blog.67developer.hu/google-boritek/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/google-boritek/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 17:02:41 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=481</guid>
		<description><![CDATA[Egy éve megjelent tanulmány alapján csináltam egy google boríték készítő oldalt. Az ötlet jó, érdemes megnézni. A mutatvány Nemrég megjelent egy tanulmány arról, milyen lenne ha a Gmail tartalmazna egy funkciót aminek segítségével olyan borítékot nyomtathatnánk, ami sokakat megmosolyogtatna ötletességével, és egy kis színt vinne a boríték egyhangú fehérségébe. Látogassatok el az oldalra, próbáljátok ki, [...]]]></description>
		<wfw:commentRss>http://blog.67developer.hu/google-boritek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	Egy éve megjelent tanulmány alapján csináltam egy google boríték készítő oldalt. Az ötlet jó, érdemes megnézni. A mutatvány Nemrég megjelent egy tanulmány arról, milyen lenne ha a Gmail tartalmazna egy funkciót aminek segítségével olyan borítékot nyomtathatnánk, ami sokakat megmosolyogtatna ötletességével, és egy kis színt vinne a boríték egyhangú fehérségébe. Látogassatok el az oldalra, próbáljátok ki, [...]
	</item>
		<item>
		<title>Előúszó képkeret CSS3 és HTML5 segítségével</title>
		<link>http://blog.67developer.hu/elouszo-kepkeret-css3-es-html5-segitsegevel/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/elouszo-kepkeret-css3-es-html5-segitsegevel/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 14:45:00 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[css3]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=445</guid>
		<description><![CDATA[<a href="http://blog.67developer.hu/index.php/elouszo-kepkeret-css3-es-html5-segitsegevel/"><img src="http://blog.67developer.hu/wp-content/uploads/2010/08/Untitled-11-150x150.jpg" alt="" title="" width="150" height="150" class="alignleft size-thumbnail wp-image-446" /></a>
<p>A HTML5 nem ma fog elterjedni és szabvánnyá vállni, azonban akit érdekelnek az újdonságok, azoknak tetszeni fog ez a cikk. Az új "figure" elemet és annak a tabindex tulajdonságát fogjuk használni, hogy a tab billentyű lenyomására egymás után előugorjanak a képek.</p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/elouszo-kepkeret-css3-es-html5-segitsegevel/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<a href="http://blog.67developer.hu/index.php/elouszo-kepkeret-css3-es-html5-segitsegevel/"><img src="http://blog.67developer.hu/wp-content/uploads/2010/08/Untitled-11-150x150.jpg" alt="" title="" width="150" height="150" class="alignleft size-thumbnail wp-image-446" /></a>
<p>A HTML5 nem ma fog elterjedni és szabvánnyá vállni, azonban akit érdekelnek az újdonságok, azoknak tetszeni fog ez a cikk. Az új "figure" elemet és annak a tabindex tulajdonságát fogjuk használni, hogy a tab billentyű lenyomására egymás után előugorjanak a képek.</p>
	</item>
		<item>
		<title>10+ hasznos css trükk 2. rész</title>
		<link>http://blog.67developer.hu/10-hasznos-css-trukk-2/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/10-hasznos-css-trukk-2/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 23:20:37 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[trükkök]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=354</guid>
		<description><![CDATA[<img src="http://blog.67developer.hu/wp-content/uploads/2010/08/css_2.jpg" alt="" title="css_2" width="150" height="150" class="alignleft size-full wp-image-355" />
<p>Szinte mindannyian használunk CSS-t az oldalaink formázásához, így egy idő után akaratlanul is egyre jobbak leszünk benne. Vannak azonban trükkök és módszerek, amelyekkel nem feltétlenül találkozunk, de nagy hasznát vehetnénk. Ezekből írtam le néhányat.</p>]]></description>
		<wfw:commentRss>http://blog.67developer.hu/10-hasznos-css-trukk-2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<img src="http://blog.67developer.hu/wp-content/uploads/2010/08/css_2.jpg" alt="" title="css_2" width="150" height="150" class="alignleft size-full wp-image-355" />
<p>Szinte mindannyian használunk CSS-t az oldalaink formázásához, így egy idő után akaratlanul is egyre jobbak leszünk benne. Vannak azonban trükkök és módszerek, amelyekkel nem feltétlenül találkozunk, de nagy hasznát vehetnénk. Ezekből írtam le néhányat.</p>
	</item>
		<item>
		<title>Üzenetdobozok formázása CSS-sel</title>
		<link>http://blog.67developer.hu/uzenet-dobozok-formazasa-css-el/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rss</link>
		<comments>http://blog.67developer.hu/uzenet-dobozok-formazasa-css-el/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 10:12:02 +0000</pubDate>
		<dc:creator>Gergő</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[message box]]></category>
		<category><![CDATA[üzenet doboz]]></category>

		<guid isPermaLink="false">http://blog.67developer.hu/?p=136</guid>
		<description><![CDATA[Amikor a felhasználó által bevitt adatokat validáljuk, fel kell hívnunk a figyelmét az esetleges hibákra. Legtöbben egyszerűen kiíratják, mások piros színnel emelik ki a problémás részeket, de itt vége a formázásnak. Én azt mondom, ne csak a hibákat emeljük ki, és ne csak a betű színét változtassuk meg. Mit jelezzünk a felhasználónak a hibákon kívül? [...]]]></description>
		<wfw:commentRss>http://blog.67developer.hu/uzenet-dobozok-formazasa-css-el/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
	Amikor a felhasználó által bevitt adatokat validáljuk, fel kell hívnunk a figyelmét az esetleges hibákra. Legtöbben egyszerűen kiíratják, mások piros színnel emelik ki a problémás részeket, de itt vége a formázásnak. Én azt mondom, ne csak a hibákat emeljük ki, és ne csak a betű színét változtassuk meg. Mit jelezzünk a felhasználónak a hibákon kívül? [...]
	</item>
	</channel>
</rss>

