<?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>_nec &#187; webkit</title>
	<atom:link href="http://nec.shell8.net/tag/webkit/feed/" rel="self" type="application/rss+xml" />
	<link>http://nec.shell8.net</link>
	<description>webfejlesztés, front-end programozás, javascript, css, xhtml, ajax, air</description>
	<lastBuildDate>Wed, 31 Aug 2011 06:54:12 +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>Adobe AIR 1.5</title>
		<link>http://nec.shell8.net/2008/11/18/adobe-air-15/</link>
		<comments>http://nec.shell8.net/2008/11/18/adobe-air-15/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 09:17:23 +0000</pubDate>
		<dc:creator>_nec</dc:creator>
				<category><![CDATA[JS]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://nec.shell8.net/?p=211</guid>
		<description><![CDATA[Megjelent  az újabb AIR verzió, melyet hasonló mérföldkőnek szántak az Adobenál mint az 1.0-át anno. Lássuk mit kapunk ezzel a frissítéssel. Titkosított helyi adatbázis Ha eddig &#8211; valahol joggal &#8211; óczkodtál nagyobb üzleti alkalmazás AIR re portolásától, mert nem tartottad elég biztonságosnak, akkor most már közelebb állhat hozzád az AIR, mivel lehetőség van titkosított adatbázisok [...]]]></description>
			<content:encoded><![CDATA[<p>Megjelent  az újabb AIR verzió, melyet hasonló mérföldkőnek szántak az Adobenál mint az 1.0-át anno. Lássuk mit kapunk ezzel a frissítéssel.</p>
<p><span id="more-211"></span></p>
<p><strong>Titkosított helyi adatbázis</strong></p>
<p>Ha eddig &#8211; valahol joggal &#8211; óczkodtál nagyobb üzleti alkalmazás AIR re portolásától, mert nem tartottad elég biztonságosnak, akkor most már közelebb állhat hozzád az AIR, mivel lehetőség van titkosított adatbázisok - <a href="http://help.adobe.com/en_US/AIR/1.5/devappsflex/WS8AFC5E35-DC79-4082-9AD4-DE1A2B41DAAF.html">Encrypted Local Store (ELS)</a> -  használatára, melyekbe nagyobb mennyiségű adat is belepakolható.</p>
<h3>Flash Player 10</h3>
<p>Az Adobe Flash legújabb üdvöskéje mostmár futhat AIRben is, a 10es verzióval azt remélik, hogy 3D-s flash alkalmazások serege jelenhet meg ebben a környezetben is.</p>
<h3>WebKit update</h3>
<p>Frissítették a beépített webkit motort, legfontosabb itt a Squirrelfish JS motor beemelése, amit a Safarival már megtettek. A tesztek során az Adobenál átlagosan 35%-os sebességnövekedést mértek a fejlesztők, kíváncsian várjuk.</p>
]]></content:encoded>
			<wfw:commentRss>http://nec.shell8.net/2008/11/18/adobe-air-15/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>CSS változók</title>
		<link>http://nec.shell8.net/2008/07/01/css-valtozok/</link>
		<comments>http://nec.shell8.net/2008/07/01/css-valtozok/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 15:21:09 +0000</pubDate>
		<dc:creator>_nec</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[variables]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://nec.shell8.net/?p=32</guid>
		<description><![CDATA[A WebKit legfrissebb verziójába bekerült a tervezett CSS változók kezelése. Olyan megoldásokra vannak példák IE alatt, hogy CSSben javascript számolásokat végzünk, de ezek természetesen nem szabványos megoldások, s mint ilyenek, nem feltétlenül működnek a többi böngészőben. Mások szerveroldali megoldásokkal definiálnak változókat a css-ben, pl ruby segítségével, de ez meg véleményem szerint sérti a rétegszemléletet, stíluslapokhoz [...]]]></description>
			<content:encoded><![CDATA[<p>A <a href="http://webkit.org/">WebKit</a> legfrissebb verziójába bekerült a tervezett <a href="http://disruptive-innovations.com/zoo/cssvariables/">CSS változók</a> kezelése.</p>
<p>Olyan megoldásokra vannak példák IE alatt, hogy CSSben javascript számolásokat végzünk, de ezek természetesen nem szabványos megoldások, s mint ilyenek, nem feltétlenül működnek a többi böngészőben. Mások szerveroldali megoldásokkal definiálnak változókat a css-ben, pl <a href="http://nubyonrails.com/articles/dynamic-css">ruby segítségével</a>, de ez meg véleményem szerint sérti a rétegszemléletet, stíluslapokhoz ne nyúljunk szerveroldalon.</p>
<p>Nem, itt másról van szó, egy eszközről, amivel áttekinthetőbbé és kezelhetőbbé tudjuk tenni a stíluslapjainkat.<span id="more-32"></span></p>
<p>Pár css okítás megemlíti, hogy könnyebbé tehetjük életünk, ha bizonyos szövegformázásokat vagy oldal elemeket vázlatszerűen dokumentálunk a stíluslapokban, pl:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/**
 *	szöveg színek
 *
 *	link kék		:  #0099ff;
 *	cím piros		:  #cf1855;
 *	idézet szürke	:  #dedede;
 */</span>
&nbsp;
h1 <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#cf1855</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
p a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#0099ff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
blockquote <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#dedede</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Ezt a logikát követi a most beemelt megoldás, csak igazi funkcionalitást ad az egésznek, az előző példa így nézhet ki:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/**
 *	szöveg színek
 */</span>
<span style="color: #a1a100;">@variables {</span>
	link_kek<span style="color: #00AA00;">:</span>		<span style="color: #cc00cc;">#0099ff</span><span style="color: #00AA00;">;</span>
	cim_piros<span style="color: #00AA00;">:</span> 		<span style="color: #cc00cc;">#cf1855</span><span style="color: #00AA00;">;</span>
	idezet_szurke<span style="color: #00AA00;">:</span>	<span style="color: #cc00cc;">#dedede</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
h1 <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> var<span style="color: #00AA00;">&#40;</span>cim_piros<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
p a <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> var<span style="color: #00AA00;">&#40;</span>link_kek<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
blockquote <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> var<span style="color: #00AA00;">&#40;</span>idezet_szurke<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>Látható, hogy segítségével apróbb, de következetes módosításokat végezhetünk a stíluslapjainkon, csak jól kell használni. A használata kiterjed az <em>@import</em> által beemelt stíluslapokra is, tehát nem szükséges fileonként beállítani. A <em>@variables</em> defíníciónál lehetőség van média típust is megadni, tehát nem szükséges komplikálni a nyomtatási stílusokat.</p>
<p>A WebKit nem egy elterjedt böngésző, viszont példaértékűen elöljár a szabványok beemelésében, és sok más böngészőnek a motorja. Innen már csak az a kérdés a többi böngészőfejlesztő mikor csatlakozik, illetve &#8211; érdekességképpen -  melyik Adobe AIR verzióban használhatjuk majd.</p>
<p>Aki kedvet kap hozzá, <a href="http://nightly.webkit.org/">szerezzen be egy friss webkitet</a>, és lesse meg a <a href="http://trac.webkit.org/browser/trunk/LayoutTests/fast/css/variables">tesztoldalakat</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://nec.shell8.net/2008/07/01/css-valtozok/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

