<?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>blog.alin-inayeh.ro</title>
	<atom:link href="http://alin-inayeh.ro/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://alin-inayeh.ro/blog</link>
	<description>Blogul lui Alin Inayeh - web design, web development, internet</description>
	<lastBuildDate>Thu, 02 Jun 2011 12:48:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fonturi web cu @font-face</title>
		<link>http://alin-inayeh.ro/blog/fonturi-web-cu-font-face/</link>
		<comments>http://alin-inayeh.ro/blog/fonturi-web-cu-font-face/#comments</comments>
		<pubDate>Wed, 02 Feb 2011 16:39:16 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[Html/Css]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=328</guid>
		<description><![CDATA[Probabil ca toti ne-am saturat sa folosim pe site-uri doar fonturi &#8220;web-safe&#8221; si sa ne limitam design-ul din cauza aceasta sau sa apelam la metode gen &#8220;sIFR&#8221; pentru a avea un titlu cu font-ul &#8220;X&#8221;. Cea mai usoara solutie pentru a putea folosi orice font pe un site este folosirea @font-face in CSS.
Solutia aceasta functioneaza [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/wp-content/uploads/2011/02/font.jpg"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2011/02/font.jpg" alt="font" title="font" width="230" height="230" /></a>Probabil ca toti ne-am saturat sa folosim pe site-uri doar fonturi &#8220;web-safe&#8221; si sa ne limitam design-ul din cauza aceasta sau sa apelam la metode gen &#8220;sIFR&#8221; pentru a avea un titlu cu font-ul &#8220;X&#8221;. Cea mai usoara solutie pentru a putea folosi orice font pe un site este folosirea <strong>@font-face </strong>in CSS.<span id="more-328"></span></p>
<p>Solutia aceasta functioneaza pe toate browser-ele moderne (inclusiv IE6). Iti voi prezenta pasii pentru a adauga pe site orice font doresti:</p>
<p>1. In <strong>Control Panel</strong> in sectiunea <strong>Appearance and Personalization &gt; Fonts </strong>sunt toate font-urile instalate pe PC. Trebuie sa copiezi fontul de care ai nevoie si sa-i dai paste pe Desktop sau in orice folder vrei. Probabil ca o sa ai mai multe versiuni; trebuie sa o alegi pe cea care e folosita in psd-ul site-ului (Bold, Regular, Book etc.).</p>
<p><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2011/02/fonts.jpg" alt="fonts" title="fonts" width="600" height="485" class="alignnone size-full wp-image-339" /></p>
<p><br clear="all" /> </p>
<p>2. Intra pe site-ul <a rel="nofollow" href="http://www.fontsquirrel.com/fontface/generator" target="_blank">www.fontsquirrel.com/fontface/generator</a>. Aici iti vei uploada fisierul .otf salvat din Control Panel.  Daca vrei sa-ti configurezi font-ul (de exemplu daca vrei caractere speciale) alege optiunea <strong>EXPERT</strong>.</p>
<p><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2011/02/font_squirrel.jpg" alt="font_squirrel" title="font_squirrel" width="600" height="485" class="alignnone size-full wp-image-341" /></p>
<p><br clear="all" /> </p>
<p>3. Dupa ce ai configurat font-ul trebuie sa-l downloadezi. Vei descarca o arhiva <strong>.zip</strong> cu font-urile si cu un exemplu. Font-ul va veni in 4 formate deoarece fiecare browser functioneaza cu un alt format de font. Copiaza cele 4 fisiere undeva prin folderele site-ului.</p>
<p>4. In css-ul tau introdu urmatoarele linii:</p>
<pre><span style="color: #3366ff;">@font-face</span> {
    <span style="color: #339966;">font-family:</span> 'orice nume vrei tu pentru font';
    <span style="color: #339966;">src:</span> url('calea catre fisierul .eot');
    <span style="color: #339966;">src:</span> url('calea catre fisierul .eot + ?#iefix in coada') format('embedded-opentype'),
         url('calea catre fisierul .woff') format('woff'),
         url('calea catre fisierul .ttf') format('truetype'),
         url('calea catre fisierul .svg + #numele pe care l-ai dat fonutului in coada') format('svg');
    <span style="color: #339966;">font-weight:</span> normal; <span style="color: #999999;">/* sau bold, depinde de ce font-weight are font-ul tau */</span>
    <span style="color: #339966;">font-style:</span> normal; <span style="color: #999999;">/* font-style-ul pe care-l are font-ul tau */</span>
}</pre>
<p>Acum ar trebui ca font-ul ales sa fie vazut de catre toti utilizatorii chiar daca nu au acel font in computer.</p>
<input onclick="showCode('http://alin-inayeh.ro/blog/wp-content/uploads/2011/02/font_face.html', 120); this.style.display = 'none'" type="button" value="Vezi demo" />
<iframe id="code-view" frameborder="0"></iframe> </p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/fonturi-web-cu-font-face/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Noul egreetings.com</title>
		<link>http://alin-inayeh.ro/blog/noul-egreetings-com/</link>
		<comments>http://alin-inayeh.ro/blog/noul-egreetings-com/#comments</comments>
		<pubDate>Fri, 26 Nov 2010 20:21:46 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=317</guid>
		<description><![CDATA[La sfarsitul lui octombrie AGInteractive a lansat noul egreetings.com, un site de felicitari online. Site-ul are un look nou, si functionalitati noi. Cea ma importanta adaugare este Facebook Connect, cu ajutorul caruia poti posta felicitari pe wall-ul unui prieten sau pe wall-ul tau. De asemenea pe site ai urmatoarele zile de nastere ale prietenilor (doar [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/noul-egreetings-com/"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/11/eg_logo.jpg" alt="Noul egreetings.com" /></a>La sfarsitul lui octombrie AGInteractive a lansat noul <a href="http://www.egreetings.com" target="_blank">egreetings.com</a>, un site de felicitari online. Site-ul are un look nou, si functionalitati noi. <span id="more-317"></span>Cea ma importanta adaugare este Facebook Connect, cu ajutorul caruia poti posta felicitari pe wall-ul unui prieten sau pe wall-ul tau. De asemenea pe site ai urmatoarele zile de nastere ale prietenilor (doar cei care sunt prieteni cu tine pe Facebook), asa ca nu ai cum sa uiti de ziua lor si le poti trimite pe loc o felicitare <img src='http://alin-inayeh.ro/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Site-ul a fost dezvoltat de biroul din Bucuresti si partea de front-end e facuta de mine. Cat am lucrat la el am invatat sa implementez functionalitati de Facebook Connect pe un site, lucru care sigur ma va ajuta in viitor. Daca va place noul site, butonul de Like e in dreapta-sus pe prima pagina <img src='http://alin-inayeh.ro/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/noul-egreetings-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>O prima pagina de site interesanta</title>
		<link>http://alin-inayeh.ro/blog/o-prima-pagina-de-site-interesanta/</link>
		<comments>http://alin-inayeh.ro/blog/o-prima-pagina-de-site-interesanta/#comments</comments>
		<pubDate>Fri, 26 Nov 2010 20:05:28 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=302</guid>
		<description><![CDATA[Am auzit acum cateva zile de site-ul acesta: http://disqus.com/. Cu ajutorul lui poti sa-ti adaugi usor functionalitatea de comment-uri pe site (ca plugin-ul social de la Facebook) plus inca niste optiuni interesante. Design-ul site-ului este super, dar cel mai mult mi-a placut partea de sus a primei pagini. Sloganul &#8220;Discover your community&#8221; este insotit de [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/o-prima-pagina-de-site-interesanta/"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/11/disqus.jpg" alt="O prima pagina de site interesanta" /></a>Am auzit acum cateva zile de site-ul acesta: <a rel="external nofollow" href="http://disqus.com/" target="_blank">http://disqus.com/</a>. Cu ajutorul lui poti sa-ti adaugi usor functionalitatea de comment-uri pe site (ca plugin-ul social de la Facebook) plus inca niste optiuni interesante. Design-ul site-ului este super, dar cel mai mult mi-a placut partea de sus a primei pagini.<span id="more-302"></span> Sloganul &#8220;Discover your community&#8221; este insotit de o imagine foarte reprezentativa: o &#8220;cutiuta&#8221; unde diversi oameni au diverse activitati. Ce-i interesant e ca poti sa faci zoom pe imagine si sa vezi in detaliu ce fac acei oameni. Mi se pare foarte reprezentativa imaginea asta cu functia de zoom. <a href="http://alin-inayeh.ro/blog/wp-content/uploads/2010/11/zoom.html">Si e mai usor de facut decat credeam</a> <img src='http://alin-inayeh.ro/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /></p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/o-prima-pagina-de-site-interesanta/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cautare de imagini cu ajutorul framework-ului Dojo</title>
		<link>http://alin-inayeh.ro/blog/cautare-de-imagini-cu-ajutorul-framework-ului-dojo/</link>
		<comments>http://alin-inayeh.ro/blog/cautare-de-imagini-cu-ajutorul-framework-ului-dojo/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 20:27:17 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=294</guid>
		<description><![CDATA[Acum cateva zile m-am jucat cu framework-ul javascript Dojo. Am creat o aplicatie care afiseaza imagini cautate prin API-ul de la Yahoo. Dojo este interesant, destul de usor de folosit si se pare ca este si destul de rapid: MooTools vs JQuery vs Prototype vs YUI vs Dojo Comparison. O sa incerc sa fac aceeasi [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/cautare-de-imagini-cu-ajutorul-framework-ului-dojo/"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/06/gallery.jpg" alt="gallery" title="gallery" width="300" height="300" class="alignleft size-full wp-image-295" /></a>Acum cateva zile m-am jucat cu framework-ul javascript Dojo. Am creat o aplicatie care afiseaza imagini cautate prin API-ul de la Yahoo. Dojo este interesant, destul de usor de folosit si se pare ca este si destul de rapid: <a target="blank" href="http://blog.creonfx.com/javascript/mootools-vs-jquery-vs-prototype-vs-yui-vs-dojo-comparison-revised">MooTools vs JQuery vs Prototype vs YUI vs Dojo Comparison</a>.<span id="more-294"></span> O sa incerc sa fac aceeasi galerie si folosind alte framework-uri si voi posta concluziile.  <a href="http://www.alin-inayeh.ro/lab/dojo_training/" target="blank">Poti vedea aplicatia aici</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/cautare-de-imagini-cu-ajutorul-framework-ului-dojo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Biroul AG Interactive Bucuresti</title>
		<link>http://alin-inayeh.ro/blog/biroul-ag-interactive-bucuresti/</link>
		<comments>http://alin-inayeh.ro/blog/biroul-ag-interactive-bucuresti/#comments</comments>
		<pubDate>Wed, 26 May 2010 07:32:32 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=281</guid>
		<description><![CDATA[Acesta este biroul in care lucrez, unde este o atmosfera extraordinara mereu. E cel mai tare loc de munca din Bucuresti cu cei mai tari colegi   




]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/biroul-ag-interactive-bucuresti" title="Biroul AG Interactive Bucuresti"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/05/Untitled-1.jpg" alt="ag" title="ag" width="70" height="70" class="alignleft size-full wp-image-289" /></a>Acesta este biroul in care lucrez, unde este o atmosfera extraordinara mereu. E cel mai tare loc de munca din Bucuresti cu cei mai tari colegi<span id="more-281"></span> <img src='http://alin-inayeh.ro/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </p>
<p><object width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/jbM6bFM7zzk&#038;hl=en_US&#038;fs=1&#038;"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/jbM6bFM7zzk&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/biroul-ag-interactive-bucuresti/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Toate versiunile de Internet Explorer pe acelasi PC</title>
		<link>http://alin-inayeh.ro/blog/toate-versiunile-de-internet-explorer-pe-acelasi-pc/</link>
		<comments>http://alin-inayeh.ro/blog/toate-versiunile-de-internet-explorer-pe-acelasi-pc/#comments</comments>
		<pubDate>Mon, 15 Mar 2010 20:10:19 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[Html/Css]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=270</guid>
		<description><![CDATA[Ca web designer am de multe ori nevoia sa testez o pagina pe mai multe versiuni de Internet Explorer. Tin sa le multumesc celor de-aici pentru aplicatia IETester.  Simuleaza toate versiunile de IE de la 5.5 la 8. Si merge si pe Windows Vista si Windows 7.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/toate-versiunile-de-internet-explorer-pe-acelasi-pc"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/ietester.jpg" alt="ietester" title="Toate versiunile de Internet Explorer pe acelasi PC" width="70" height="70" class="alignleft size-full wp-image-271" /></a>Ca web designer am de multe ori nevoia sa testez o pagina pe mai multe versiuni de Internet Explorer. Tin sa le multumesc celor <a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">de-aici</a> pentru aplicatia IETester.  Simuleaza toate versiunile de IE de la 5.5 la 8. Si merge si pe Windows Vista si Windows 7.</p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/toate-versiunile-de-internet-explorer-pe-acelasi-pc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ce am facut in weekend</title>
		<link>http://alin-inayeh.ro/blog/ce-am-facut-in-weekend/</link>
		<comments>http://alin-inayeh.ro/blog/ce-am-facut-in-weekend/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 10:24:17 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=244</guid>
		<description><![CDATA[In weekend am avut parte de putina activitate &#8220;artistica&#8221;. Impreuna cu mama si cu prietena am pictat noua piesa de mobilier a surioarei mele de 5 ani. Iata ce am desenat. Sursa de inspiratie a fost un dulapior de prin camera ei.

Prietena (Alina Alexandrescu):


Mama:


Si eu:


Si asta a facut sora mea  :

]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/ce-am-facut-in-weekend"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/ce_am_facut_in_weekend.jpg" alt="Ce am facut in weekend" title="Ce am facut in weekend" width="70" height="70" class="alignleft size-full wp-image-257" /></a>In weekend am avut parte de putina activitate &#8220;artistica&#8221;. Impreuna cu mama si cu prietena am pictat noua piesa de mobilier a surioarei mele de 5 ani. Iata ce am desenat. Sursa de inspiratie a fost un dulapior de prin camera ei.<span id="more-244"></span></p>
<p><br clear="all" /></p>
<p>Prietena (<a target="_blank" href="http://www.salveg-design.ro">Alina Alexandrescu</a>):</p>
<p><img class="alignleft size-full wp-image-245" title="Pictura pe mobilier - Niste flori si o ciupercuta" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/alinuta3.jpg" alt="Pictura de mobilier - Niste flori si o ciupercuta- Alina Alexandrescu" width="172" height="555" /><img class="alignleft size-full wp-image-246" title="Pictura pe mobilier - O pasarica si o floare" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/alinuta4.jpg" alt="Pictura pe mobilier - O pasarica si o floare - Alina Alexandrescu" width="163" height="555" /></p>
<p><br clear="all" /></p>
<p>Mama:</p>
<p><img class="alignleft size-full wp-image-247" title="Pictura pe mobilier - Flori" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/mama2.jpg" alt="Pictura pe mobilier - Flori" width="133" height="555" /><img class="alignleft size-full wp-image-249" title="Pictura pe mobilier - O floare de cactus" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/mama.jpg" alt="Pictura pe mobilier - O floare de cactus" width="250" height="555" /></p>
<p><br clear="all" /></p>
<p>Si eu:</p>
<p><img class="alignleft size-full wp-image-250" title="Pictura pe mobilier - Un ursulet canta pe o ciuperca" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/eu.jpg" alt="Pictura pe mobilier - Un ursulet canta pe o ciuperca" width="169" height="555" /><img class="alignleft size-full wp-image-251" title="Pictura pe mobilier - Un ursulet" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/eu2.jpg" alt="Pictura pe mobilier - Un ursulet" width="244" height="555" /></p>
<p><br clear="all" /></p>
<p>Si asta a facut sora mea <img src='http://alin-inayeh.ro/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> :</p>
<p><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/ami.jpg" alt="Pictura pe mobilier - Desen facut de sora mea" title="Pictura pe mobilier - Desen facut de sora mea" width="98" height="555" class="alignleft size-full wp-image-262" /></p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/ce-am-facut-in-weekend/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transparenta graduala in Photoshop</title>
		<link>http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/</link>
		<comments>http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 10:29:44 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=164</guid>
		<description><![CDATA[In acest scurt tutorial voi da un exemplu de transparenta graduala, un efect folositor in Photoshop.

Am atasat imaginile pe care le-am folosit. Salveaza-le in calculator.


Acestia sunt pasii:
1. Deschide background.jpg in Photoshop.
2. Deschide flower.png si pune-l peste background.png:


3. Deschide rainbow.png si pune-l peste background.png si sub flower.png:


4. Du-te la Layer &#62; Layer Mask  &#62; Reveal all:


5. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/"><img src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta_graduala_in_photoshop.jpg" alt="transparenta graduala in Photoshop" /></a>In acest scurt tutorial voi da un exemplu de transparenta graduala, un efect folositor in Photoshop.<span id="more-164"></span></p>
<p><br clear="all" /><br />
Am atasat imaginile pe care le-am folosit. Salveaza-le in calculator.</p>
<p><a onclick="window.open('http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/background.jpg', 'image'); return false;" rel="attachment wp-att-165" href="http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/background/"><img class="size-medium wp-image-165 alignnone" title="background" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/background-300x300.jpg" alt="background" width="180" height="180" /></a><a onclick="window.open('http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/flower.png', 'image'); return false;" rel="attachment wp-att-167" href="http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/flower/"><img class="size-medium wp-image-167 alignnone" style="background: #ddd;" title="flower" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/flower-228x300.png" alt="flower" width="137" height="180" /></a><a onclick="window.open('http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/rainbow.png', 'image'); return false;" rel="attachment wp-att-166" href="http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/rainbow/"><img class="size-medium wp-image-166 alignnone" title="rainbow" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/rainbow-300x292.png" alt="rainbow" width="180" height="175" /></a></p>
<p><br clear="all" /><br />
Acestia sunt pasii:</p>
<p>1. Deschide <strong>background.jpg</strong> in Photoshop.</p>
<p>2. Deschide <strong>flower.png</strong> si pune-l peste background.png:</p>
<p><img class="size-full wp-image-200 alignnone" title="transparenta1" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta1.jpg" alt="transparenta1" width="600" height="464" /></p>
<p><br clear="all" /><br />
3. Deschide <strong>rainbow.png</strong> si pune-l peste background.png si sub flower.png:</p>
<p><img class="alignnone size-full wp-image-219" title="transparenta2" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta2.jpg" alt="transparenta2" width="600" height="465" /></p>
<p><br clear="all" /><br />
4. Du-te la <strong>Layer &gt; Layer Mask  &gt; Reveal all</strong>:</p>
<p><img class="alignnone size-full wp-image-220" title="transparenta3" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta3.jpg" alt="transparenta3" width="600" height="466" /></p>
<p><br clear="all" /><br />
5. Apasa tasta G (sau selecteaza <strong>Gradient Tool</strong> din meniu) dupa care alege tipul gradientului ca-n imaginea de mai jos:</p>
<p><img class="alignnone size-full wp-image-221" title="transparenta4" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta4.jpg" alt="transparenta4" width="600" height="465" /></p>
<p><br clear="all" /><br />
6. Da click si trage ca in poza de mai jos:</p>
<p><img class="alignnone size-full wp-image-222" title="transparenta5" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta5.jpg" alt="transparenta5" width="600" height="466" /></p>
<p><br clear="all" /><br />
7. Asta e rezultatul:</p>
<p><img class="alignnone size-full wp-image-224" title="transparenta6" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/transparenta6.jpg" alt="transparenta6" width="500" height="500" /></p>
<p><br clear="all" /><br />
Poti lua fisierul psd <a href="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/g_transparency.psd">de-aici</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/transparenta-graduala-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cele 10 porunci ale web design-ului</title>
		<link>http://alin-inayeh.ro/blog/cele-10-porunci-ale-web-design-ului/</link>
		<comments>http://alin-inayeh.ro/blog/cele-10-porunci-ale-web-design-ului/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 14:34:13 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=149</guid>
		<description><![CDATA[Zilele astea am gasit un articol foarte interesant: &#8220;Cele 10 porunci ale web design-ului&#8221;
Acestea sunt &#8220;poruncile&#8221;:

1. Sa nu abuzezi de Flash
Componentele Flash pot fi foarte folositoare si uneori sunt chiar necesare pentru un site. Dar nu trebuie exagerat cu prea multe animatii care incarca memoria browserului si campul vizual al utilizatorului. De asemenea mare atentie [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/cele-10-porunci-ale-web-design-ului/"><img class="alignleft size-full wp-image-138" title="web design" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/03/web.jpg" alt="web design" width="70" height="70" /></a>Zilele astea am gasit un articol foarte interesant: &#8220;Cele 10 porunci ale web design-ului&#8221;</p>
<p>Acestea sunt &#8220;poruncile&#8221;:<span id="more-149"></span><br />
<br clear="all" /><br />
<h3>1. Sa nu abuzezi de Flash</h3>
<p>Componentele Flash pot fi foarte folositoare si uneori sunt chiar necesare pentru un site. Dar nu trebuie exagerat cu prea multe animatii care incarca memoria browserului si campul vizual al utilizatorului. De asemenea mare atentie la optimizarea pentru motoarele de cautare deoarece Flash-ul nu este indexat (din cate am auzit Google lucreaza impreuna cu Adobe pentru a indexa swf-uri).</p>
<h3>2. Sa nu ascunzi continutul</h3>
<p>Sigur s-a intamplat sa dai vreodata peste un banner enervant care acopera toata stirea pe care o citeai cu interes. Popup-urile si banner-ele de tip expand ascund uneori continutul si afecteaza negativ functionalitatea site-ului. Mai ok ar fi un banner care se extinde numai cand te duci cu mouse-ul peste el.</p>
<h3>3. Sa nu inghesui</h3>
<p>Informatia inghesuita este mai greu de descifrat. Un site trebuie sa fie clar, nu prea &#8220;decorat&#8221;.</p>
<h3>4. Sa nu folosesti reflexiile in exces</h3>
<p>Sunt atatea site-uri care au copiat acest stil incat  refelexiile web 2.0 deja nu mai sunt ceva deosebit.</p>
<h3>5. Sa nu pui prea multe sau prea putine vocale in numele afacerii tale web 2.0</h3>
<p>Cei care au scris articolul spun ca unele nume de genul Flickr, Smibs, sau Meebo suna ciudat.</p>
<h3>6. Sa &#8220;te inchini&#8221; la altarul tipografiei</h3>
<p>Textul dintr-un site este poate cel mai importanta componenta, asa ca si el ajuta la design-ul unei pagini web. Foloseste-te de el.</p>
<h3>7. Sa creezi o experienta profunda</h3>
<p>Cel mai mult nu conteaza design-ul placut ci designul care atrage atentia utilizatorului asupra continutului.</p>
<h3>8. Sa fii social</h3>
<p>Site-urile web 2.0 sunt peste tot. Tendinta de comunicare intre utilizatori creste.</p>
<h3>9. Sa imbratisezi tehnologiile confirmate</h3>
<p>Intrarea pe site-uri ca Wikipedia, YouTube, Facebook etc. au devenit rutine zilnice. Daca incorporezi aceste elemente in site-ul tau utilizatorii tai se vor simti &#8220;ca acasa&#8221;.</p>
<h3>10. Sa faci continutul rege</h3>
<p>Creeaza un design al continutului, nu incorpora continutul intr-un design care nu ajuta la evidentierea sa.</p>
<p>Sursa: <a href="http://www.businessweek.com/innovate/content/jun2008/id20080623_750025.htm" target="_blank">http://www.businessweek.com/innovate/content/jun2008/id20080623_750025.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/cele-10-porunci-ale-web-design-ului/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Converteste un intreg in format binar</title>
		<link>http://alin-inayeh.ro/blog/converteste-un-intreg-in-format-binar/</link>
		<comments>http://alin-inayeh.ro/blog/converteste-un-intreg-in-format-binar/#comments</comments>
		<pubDate>Fri, 01 Jan 2010 11:20:30 +0000</pubDate>
		<dc:creator>alin</dc:creator>
				<category><![CDATA[ActionScript]]></category>

		<guid isPermaLink="false">http://alin-inayeh.ro/blog/?p=125</guid>
		<description><![CDATA[Probabil ca ai avut nevoie vreodata sa afli cum arata un intreg in format binar (de ex. 3 -&#62; 0011).  Aceasta functie scrisa in AS3 te va ajuta:
// i este numarul pe care vrem sa-l convertim, stringLength este numarul minim de biti pe care vrem sa-l afisam (ex: 0001)
function IntToBoolean(i, stringLength)
{
     [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://alin-inayeh.ro/blog/converteste-un-intreg-in-format-binar/"><img class="alignleft size-full wp-image-138" title="as3" src="http://alin-inayeh.ro/blog/wp-content/uploads/2010/01/as31.gif" alt="as3" width="70" height="70" /></a>Probabil ca ai avut nevoie vreodata sa afli cum arata un intreg in format binar (de ex. 3 -&gt; 0011).  Aceasta functie scrisa in AS3 te va ajuta:<span id="more-125"></span></p>
<pre><span style="color: #0000ff;"><span style="color: #888888;">// i este numarul pe care vrem sa-l convertim, stringLength este numarul minim de biti pe care vrem sa-l afisam (ex: 0001)</span>
function</span> IntToBoolean(i, stringLength)
{
     <span style="color: #0000ff;">var</span> reverseValue:<span style="color: #0000ff;">Array</span> = <span style="color: #0000ff;">new Array</span>();
     var t:<span style="color: #0000ff;">Number</span> = i;
     var j:<span style="color: #0000ff;">Number </span>= 0;
     <span style="color: #0000ff;">while</span>(t &gt;= 1)
     {
          reverseValue[j] = <span style="color: #0000ff;">Math.floor</span>(t%2);
          t = t / 2;
          j++;
     }
     <span style="color: #0000ff;">var </span>valueLength:<span style="color: #0000ff;">Number </span>= j;
     <span style="color: #0000ff;">var </span>actualValue:<span style="color: #0000ff;">String </span>= <span style="color: #808000;">''</span>;
     for(j = 0; j &lt; valueLength; j++)
     {
          actualValue += <span style="color: #0000ff;">String</span>(reverseValue[valueLength - j - 1]);
     }
     if(valueLength &lt; stringLength)
     {
          <span style="color: #0000ff;">var </span>zeros:<span style="color: #0000ff;">String </span>= <span style="color: #808000;">''</span>;
          for(j = 0; j &lt; stringLength - valueLength; j++)
          {
               zeros += <span style="color: #808000;">'0'</span>;
          }
          actualValue = zeros + actualValue;
     }
     <span style="color: #0000ff;">return </span>actualValue;
}

<span style="color: #888888;">// un exemplu de utlizare, vrem sa transformam 3 in format binar si sa-l afisam cu 4 caractere</span>
<span style="color: #0000ff;">trace</span>(IntToBoolean(3, 4)); <span style="color: #888888;">// va returna 0011</span></pre>
]]></content:encoded>
			<wfw:commentRss>http://alin-inayeh.ro/blog/converteste-un-intreg-in-format-binar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

