<?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>Stefan Jocić &#187; Web Dizajn</title>
	<atom:link href="http://www.stefanjocic.com/category/web-dizajn/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.stefanjocic.com</link>
	<description>IT &#38; Web Development Blog</description>
	<lastBuildDate>Sun, 04 Jul 2010 23:36:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Kako najlakše besplatno optimizovati slike za internet?</title>
		<link>http://www.stefanjocic.com/2009/11/18/kako-najlakse-besplatno-optimizovati-slike-za-internet/</link>
		<comments>http://www.stefanjocic.com/2009/11/18/kako-najlakse-besplatno-optimizovati-slike-za-internet/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 19:49:25 +0000</pubDate>
		<dc:creator>Stefan J.</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Dizajn]]></category>
		<category><![CDATA[optimizacija]]></category>
		<category><![CDATA[slike]]></category>

		<guid isPermaLink="false">http://www.stefanjocic.com/?p=417</guid>
		<description><![CDATA[Verovatno ste primetili na nekim sajtovima/blogovima lošu optimizaciju slika. Pored toga što neoptimizovane slike zauzimaju nepotrebno više prostora na serveru, one takođe usporavaju i učitavanje stranica. To posebno primete oni sa slabijim internet konekcijama i dialup-om. Kao vlasnik nekog sajta, tako i kao posetioc trebate voditi računa prilikom upload-a slika na internet. Mnogi programi koji [...]]]></description>
			<content:encoded><![CDATA[<p></p>
<div class="topsy_widget_data topsy_theme_blue" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.stefanjocic.com%252F2009%252F11%252F18%252Fkako-najlakse-besplatno-optimizovati-slike-za-internet%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Kako%20najlak%C5%A1e%20besplatno%20optimizovati%20slike%20za%20internet%3F%22%20%7D);"></div>
<p style="text-align: justify;"><span class="drop_cap">V</span>erovatno ste primetili na nekim sajtovima/blogovima lošu optimizaciju slika. Pored toga što neoptimizovane slike zauzimaju nepotrebno više prostora na serveru, one takođe usporavaju i učitavanje stranica. To posebno primete oni sa slabijim internet konekcijama i dialup-om. Kao vlasnik nekog sajta, tako i kao posetioc trebate voditi računa prilikom upload-a slika na internet. Mnogi programi koji se mogu naći na internetu za optimizaciju i resizing su pretežno shareware tipa, što znači da ih morate kupiti. Jedan od retkih besplatnih alata, a ujedno i potpuno funkcionalan je <em><a href="http://toki-woki.net/p/Shrink-O-Matic/" target="_blank">Shrink O`Matic</a> . </em>Radi se o &#8222;<em><a href="http://en.wikipedia.org/wiki/Adobe_Integrated_Runtime" target="_blank">Air-based</a>&#8220; </em>aplikaciji, što znači da je možete koristi na bilo kojem operativnom sistemu.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-424" title="shrinkomatic" src="http://www.stefanjocic.com/wp-content/uploads/2009/11/shrinkomatic.png" alt="shrinkomatic" width="685" height="443" /></p>
<p style="text-align: justify;">Ova mala aplikacija vam omogućava resizing i optimizaciju slika, uz nekoliko opcija koje možete podesiti prema želji. Podržano je čak nekoliko formata JPG, GIF i PNG. Posebno je zanimljiva opcija za resizing koja vam po unetoj maksimalnoj širini (width), popunjava automatski dužinu (height), tako da slika ostaje čak i posle resizinga proporcionalnih dimenzija. Dodatno je i to što možete podesiti ime optimizovane slike, kao i direktorijum gde će ove slike biti snimljene.</p>

<div style="float:right;margin:0px 0px 10px 0px;"><a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-url="http://www.stefanjocic.com/2009/11/18/kako-najlakse-besplatno-optimizovati-slike-za-internet/"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://www.stefanjocic.com/2009/11/18/kako-najlakse-besplatno-optimizovati-slike-za-internet/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Color Scheme Designer 3 &#8211; Pametan odabir boja!</title>
		<link>http://www.stefanjocic.com/2009/07/12/color-scheme-designer-3-pametan-odabir-boja/</link>
		<comments>http://www.stefanjocic.com/2009/07/12/color-scheme-designer-3-pametan-odabir-boja/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 16:04:32 +0000</pubDate>
		<dc:creator>Stefan J.</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web Aplikacije]]></category>
		<category><![CDATA[Web Dizajn]]></category>

		<guid isPermaLink="false">http://www.stefanjocic.com/?p=85</guid>
		<description><![CDATA[Vreme je da napravite novu prezentaciju? Možda redizajn ili sve od nule? Potreban Vam je dobar odabir boja? Nemate inspiraciju? E, pa zato je tu Color Scheme Designer 3 ! Radi se o novoj web aplikaciji, koja zaista nudi sjajne mogućnosti. Ova aplikacija služi za odabir odgovarajućih boja (kolor šema), ali za razliku od drugih [...]]]></description>
			<content:encoded><![CDATA[<p></p>
<div class="topsy_widget_data topsy_theme_blue" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.stefanjocic.com%252F2009%252F07%252F12%252Fcolor-scheme-designer-3-pametan-odabir-boja%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Color%20Scheme%20Designer%203%20-%20Pametan%20odabir%20boja%21%22%20%7D);"></div>
<p style="text-align: justify;">Vreme je da napravite novu prezentaciju? Možda redizajn ili sve od nule? Potreban Vam je dobar odabir boja? Nemate inspiraciju? E, pa zato je tu Color Scheme Designer 3 ! Radi se o novoj web aplikaciji, koja zaista nudi sjajne mogućnosti. Ova aplikacija služi za odabir odgovarajućih boja (kolor šema), ali za razliku od drugih aplikacija na mnogo pametniji i inovativan način. Ova web aplikacija, verovali ili ne, može sve, pa i da odradi lep preview odabranih boja. Sve što trebate da uradite jeste da podesite nekoliko malih parametra, zavalite se u stolicu, i odlučite se za kolor šemu koja Vam <span id="more-85"></span>najviše odgovara.</p>
<p style="text-align: justify;">
<div id="attachment_86" class="wp-caption alignleft" style="width: 603px">
	<img class="size-full wp-image-86" title="csd3-sl1" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl1.png" alt="Color Scheme Designer 3 - Wep aplikacija!" width="603" height="398" />
	<p class="wp-caption-text">Color Scheme Designer 3 - Wep aplikacija!</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">Ova web aplikacija Vam zapravo pomaže oko uparivanja nekoliko boja. Ono što je dosta bitno jeste da možete da izaberete više boja, koji će činiti jednu kolor šemu. Ponuđene su nekoliko opcije (mono &#8211; jedna boja sa više različitih nijansi, compliment &#8211; dve boje, triad &#8211; tri boje, tetrad &#8211; četri boja, analogic &#8211; tri uzastopne tople ili hladne boje, accented analogic &#8211; tri uzastopne tople ili hladne boje sa njihovom suprotno odgovarajućom bojom). Ova aplikacija kao i sve ostale nudi kodove izabranih boja, šematski prikaz, kao i live preview. Live Preview opcija Vam omogućuje da izabranu kolor šemu prikažete na web stranici, tj. kako bi te boje izgledale na web stranici. Prema bojama na gornjoj kolor šemi, stranica bi trebala da izgleda kao na slici dole (zavisno da li je dark ili light mode).</p>
<p style="text-align: justify;">
<div id="attachment_90" class="wp-caption alignleft" style="width: 604px">
	<img class="size-full wp-image-90" title="csd3-sl2" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl2.png" alt="Prikaz light kolor varijacije na testnoj web stranici, pomoću izabrane kolor šeme" width="604" height="469" />
	<p class="wp-caption-text">Prikaz light kolor varijacije na testnoj web stranici, pomoću izabrane kolor šeme</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<div id="attachment_91" class="wp-caption alignleft" style="width: 604px">
	<img class="size-full wp-image-91" title="csd3-sl3" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl3.png" alt="Prikat dark kolor varijacije na testnoj web stranici, pomoću izabrane kolor šeme" width="604" height="469" />
	<p class="wp-caption-text">Prikat dark kolor varijacije na testnoj web stranici, pomoću izabrane kolor šeme</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">Da bi ste izabranu kolor šemu prikazali u dark ili light modu kao na slikama iznad, potrebno je iz donjeg menija izabrati dark ili light mod (slika ispod).</p>
<p style="text-align: justify;">
<div id="attachment_92" class="wp-caption alignleft" style="width: 603px">
	<img class="size-full wp-image-92" title="csd3-sl4" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl4.png" alt="Tabovi za odabir dark/light moda" width="603" height="496" />
	<p class="wp-caption-text">Tabovi za odabir dark/light moda</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">Ali ovo nije jedino iznenađenje koje možete primetiti u ovoj aplikaciji. Ono najbolje sam sačuvao za kraj! A to je Vision Simulation. Da li ste ikada želeli da saznate kako daltonisti i ljudi za sličnim oboljenjima vide boje? E pa sada imate i tu priliku. Ne znam koliko je to baš precizno, ali svejedno probajte. Prvo odaberite željenu kolor šemu (što sam u mom slučaju već uradio), ona iz gornjeg menija, pozicionirajte kursor miša na Vision Simulation. Pojaviće Vam se duža lista, i zatim izaberite željeno stanje (Normal Vision, Protanopy, Deuteranopy, Tritanopy, Protanomaly, Deuteranomaly, Tritanomaly, Full colorblindness, Atypical monochromatism). Evo npr. kako moja kolor šema izgleda na Full colorblindness i Atypical monochromatism.</p>
<p style="text-align: justify;">Još jedno od iznanađenja jeste što imate opciju da kolor šemu eksportujete (opcija u gornjem meniju) u neke od značajnih formata (HTML+CSS, XML, Text, ACO &#8211; Photoshop paleta, GPL &#8211; Gimp paleta).</p>
<p style="text-align: justify;">
<div id="attachment_93" class="wp-caption alignleft" style="width: 600px">
	<img class="size-full wp-image-93" title="csd3-sl5" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl5.png" alt="Pregled kolor šeme sa Full colorblindness" width="600" height="444" />
	<p class="wp-caption-text">Pregled kolor šeme sa Full colorblindness</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<div id="attachment_94" class="wp-caption alignleft" style="width: 600px">
	<img class="size-full wp-image-94" title="csd3-sl6" src="http://www.stefanjocic.com/wp-content/uploads/2009/07/csd3-sl6.png" alt="Pregled kolor šeme sa Atypical monochromatism" width="600" height="442" />
	<p class="wp-caption-text">Pregled kolor šeme sa Atypical monochromatism</p>
</div>
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">
<p style="text-align: justify;">Naravno kao i svaka aplikacija, i ova aplikacija poseduje Undo/Redo opciju, pa ako pogrešite pri odabiru boja ili nekom od naprednih podešavanja, moćićete da se vratite na prethodno odabranu kolor šemu i podešavanja vezana za istu. Ova web aplikacija se nalazi na <a href="http://colorschemedesigner.com/" target="_blank">www.colorschemedesigner.com</a> , i nadam se  da će Vam pomoći oko odabira boja.</p>

<div style="float:right;margin:0px 0px 10px 0px;"><a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-url="http://www.stefanjocic.com/2009/07/12/color-scheme-designer-3-pametan-odabir-boja/"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div>]]></content:encoded>
			<wfw:commentRss>http://www.stefanjocic.com/2009/07/12/color-scheme-designer-3-pametan-odabir-boja/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
