<?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>CLEARFiX - xhtml, css, javascript, seo &#187; (x)HTML</title>
	<atom:link href="http://www.r4ms3s.cz/kategorie/x-html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.r4ms3s.cz</link>
	<description></description>
	<lastBuildDate>Wed, 30 Jun 2010 18:20:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Horizontální menu &#8211; počítání šířek jednotlivých položek</title>
		<link>http://www.r4ms3s.cz/horizontalni-menu-pocitani-sirek-jednotlivych-polozek/</link>
		<comments>http://www.r4ms3s.cz/horizontalni-menu-pocitani-sirek-jednotlivych-polozek/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 18:05:21 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=310</guid>
		<description><![CDATA[Jelikož je mojí hlavní náplní práce implementece webu pro redakční system, kde si obsah zákazník plní a upravuje sám, tak musím počítat s nemožným. Jeden z takových typických příkladů je horizontální menu, např. na www.realspektrum.cz nebo na www.hotel-prestige.cz. Jak si můžete všimnout, tak na obou webech je menu uděláno tak, aby byly jendotlivé položky roztáhnutý [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/horizontalni-menu-pocitani-sirek-jednotlivych-polozek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tisk stránky, aneb tiskneme jen to co je potřeba</title>
		<link>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/</link>
		<comments>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 21:35:15 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=242</guid>
		<description><![CDATA[Netuším, kolik návštěvníků stránek používá tisk přímo z prohlížeče, ale rád to, i třeba tomu 1% usnadním a vytvořím jim speciální styl pro tisk.
Jak vypadá výsledný vzhled tisku, se můžete podívat na nově spuštěných stránkách www.lanex.cz, nejlépe to jde vidět v sekci O nás, pokud si (v Internet Exploreru) zobrazíte náhled tisku, tak uvidíte, že [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/tisk-stranky-aneb-tiskneme-jen-to-co-je-potreba/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Google maps API: použití a stylování vlastní &#8222;bubliny&#8220;</title>
		<link>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/</link>
		<comments>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 16:40:52 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=226</guid>
		<description><![CDATA[V tomto článku bych chtěl vysvětlit co je potřeba k tomu, aby si kodér mohl nastylovat vlastní vzhled bubliny, ve které se zobrazují informace po kliknutí na ikonku na mapě, pro názornost, ukážu příklad na nově spuštěném webu www.zetor.cz, kde v kontaktech naleznete, po kliknutí na záložku „Jak k nám“, google mapu. Když si kliknete [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/google-maps-api-pouziti-a-stylovani-vlastni-bubliny/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ulehčeme googlu indexaci našich stránek</title>
		<link>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/</link>
		<comments>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 13:45:15 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=197</guid>
		<description><![CDATA[Vůbec nevím jak je tento princip účinný nebo jak moc googlu doopravdy pomáhám, ale jsem naučený, že první co musí být v kodu je text samotné stránky, a poté např. hlavička, levý sloupce / pravý sloupec, patička (někdy tento způsob nepoužiji 100% kvůli hlavičce a problematickému sepisování).
Typický příklad rozložení stránky:



HTML kód by v normálním případě [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/ulehceme-googlu-indexaci-nasich-stranek/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>CSS Box Model &#8211; a jeho interpretace v různých prohlížečích</title>
		<link>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/</link>
		<comments>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/#comments</comments>
		<pubDate>Sun, 20 Dec 2009 18:39:53 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=176</guid>
		<description><![CDATA[Typický problém začínajícího kodéra je ten, že se snaží dát jednomu prvku, např. DIVu, šířku, výšku, vnitřní odsazení, okraj a vnější odsazení naraz, neboli nastaví např.:

div{
width:300px;
height:300px;
padding:10px 15px;
margin:10px 20px;
}

tomuto nastavení se říká BOX model a pro názornost jak vypadá:



Na wikipedii je k nalezení obrázek na stránce Internet Explorer box model bug, kde je pěkně ukázáno jak [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/css-box-model-a-jeho-interpretace-v-ruznych-prohlizecich/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Sprites &#8211; sloučení více obrázků v jeden</title>
		<link>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/</link>
		<comments>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 18:36:01 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=154</guid>
		<description><![CDATA[Říkáte si k čemu to může být takové &#8222;sloučení více obrázků v jeden&#8220;, ale např. facebook, youtube, amazon a určitě spousta dalších moc dobře ví. Jde v podstatě o to, že více obrázků, které vkládáme do stránky přes CSS (background:ur(xxx.gif)), můžeme sloučit do jednoho společného obrázku, a tím ulehčit stránce jednak datově ale i počtem [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/css-sprites-slouceni-vice-obrazku-v-jeden/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>prettyPhoto &#8211; jQuery LightBox plugin</title>
		<link>http://www.r4ms3s.cz/prettyphoto-jquery-lightbox-plugin/</link>
		<comments>http://www.r4ms3s.cz/prettyphoto-jquery-lightbox-plugin/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 20:26:46 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=105</guid>
		<description><![CDATA[Dříve, než jsem vůbec tušil nebo věděl něco o Javascriptových frameworcích, tak jsem používal pro náhled obrázku a galerií Javascriptový plugin LightBox, poté LightBox 2, který běží na JS Frameworku Scriptaculous. Poté se mi do cesty připletl jQuery, a tak se mi zdálo zbytečné mít na stránce includované dva JS Frameworky, kde jeden budu používat [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/prettyphoto-jquery-lightbox-plugin/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Google maps: zobrazení nového vzhledu posuvníku, zoomování a tlačítek</title>
		<link>http://www.r4ms3s.cz/google-maps-zobrazeni-noveho-vzhledu-posuvniku-zoomovani-a-tlacitek/</link>
		<comments>http://www.r4ms3s.cz/google-maps-zobrazeni-noveho-vzhledu-posuvniku-zoomovani-a-tlacitek/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 16:47:40 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=99</guid>
		<description><![CDATA[Projekty, které používají google maps api, a jedou už delší dobu, poznáte podle toho, že mají starou verzi ovládacích prvků a tlačítek:



A v javascriptu, který volá mapu najdete podobné dva řádky:

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());

A přitom zavolání si nového vzhledu, který používá google na svých mapách, je přitom tak jednoduché!
Stačí tyto dva řádky smazat a nahradit je [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/google-maps-zobrazeni-noveho-vzhledu-posuvniku-zoomovani-a-tlacitek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Target blank a strict &#8211; použití jQuery</title>
		<link>http://www.r4ms3s.cz/target-blank-a-strict-pouziti-jquery/</link>
		<comments>http://www.r4ms3s.cz/target-blank-a-strict-pouziti-jquery/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 18:07:10 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nástroje]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=96</guid>
		<description><![CDATA[Pokud kódujete stránky pod DOCTYPEm strict, tak asi víte, že už nelze, bez chybové hlášky validátoru, vložit do tagu A parametr target. Řešení je mnoho, ale já používám jedno, které se mi líbí.
Kódéři to obchází tím, že na tag A dají místo parametru target, parametr onclick, ve kterém mají něco takového:

google

Jenže já na většině webů [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/target-blank-a-strict-pouziti-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google maps API: změna kódování mapy</title>
		<link>http://www.r4ms3s.cz/google-maps-api-zmena-kodovani-mapy/</link>
		<comments>http://www.r4ms3s.cz/google-maps-api-zmena-kodovani-mapy/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 17:43:59 +0000</pubDate>
		<dc:creator>R4ms3S</dc:creator>
				<category><![CDATA[(x)HTML]]></category>
		<category><![CDATA[Ostatní]]></category>

		<guid isPermaLink="false">http://www.r4ms3s.cz/?p=86</guid>
		<description><![CDATA[Uživatelé jsou zvyklý, že v sekci kontakty najdou buď odkaz na mapu (mapy.cz, maps.google.com) a nebo přímo mapu do stránek vloženou. V tomto příspěvku budu řešit právě mapy vložené do stránek, použité od maps.google.com.
Použití API od google
Použití mapy do stránek od google najdete na samostatné stránce Google Maps API, kde najdete od generování vlastního kódu [...]]]></description>
		<wfw:commentRss>http://www.r4ms3s.cz/google-maps-api-zmena-kodovani-mapy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
