<?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>frontend.lt &#187; Įrankiai</title>
	<atom:link href="http://www.frontend.lt/category/irankiai/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.frontend.lt</link>
	<description>interneto projektų apžvalga, sprendimai, technologijos</description>
	<lastBuildDate>Mon, 12 Sep 2011 05:43:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>BoilerPlate HTML5 šablonas</title>
		<link>http://www.frontend.lt/interneto-technologijos/boilerplate-html5-sablonas/</link>
		<comments>http://www.frontend.lt/interneto-technologijos/boilerplate-html5-sablonas/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 10:52:11 +0000</pubDate>
		<dc:creator>Petras</dc:creator>
				<category><![CDATA[Įrankiai]]></category>
		<category><![CDATA[Technologijos]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.frontend.lt/?p=624</guid>
		<description><![CDATA[Programuojant web HTML šablonus, prieš pradedant dažniausiai tenka atlikti nuobodų ir mechaninį darbą &#8211; pasiruošti šablonų išdėstymą,  įtraukti skriptus, sudėlioti &#8220;fix&#8217;us&#8221;, bei daug kitų dalykų, kurie paprastai pasikartoja visuose projektuose. Turbūt nesuklysiu pasakydamas, jog dauguma web programuotojų turi pasiruošę vienokius ar kitokius bazinius šablonus, kuriuos naudoja. Nesenai atradau vieną visiems prieinamą šabloną HTML5 BoilerPlate: http://html5boilerplate.com/, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.frontend.lt/wp-content/uploads/boilerplate.jpg"><img class="alignleft size-full wp-image-669" title="boilerplate" src="http://www.frontend.lt/wp-content/uploads/boilerplate.jpg" alt="boilerplate" width="346" height="194" /></a>Programuojant web HTML šablonus, prieš pradedant dažniausiai tenka atlikti nuobodų ir mechaninį darbą &#8211; pasiruošti šablonų išdėstymą,  įtraukti skriptus, sudėlioti &#8220;fix&#8217;us&#8221;, bei daug kitų dalykų, kurie paprastai pasikartoja visuose projektuose. Turbūt nesuklysiu pasakydamas, jog dauguma web programuotojų turi pasiruošę vienokius ar kitokius bazinius šablonus, kuriuos naudoja.</p>
<p>Nesenai atradau vieną visiems prieinamą šabloną HTML5 BoilerPlate: <a href="http://html5boilerplate.com/">http://html5boilerplate.com/</a>, kurį čia norėjau pristatyti. Šio šablono esmė, priversti senesnes naršykles palaikyti HTML5 žymas. Nors kol kas tai nėra itin reikalinga funkcija, šiame šablone yra daug įvairių dalykų, dėl kurių jį verta naudoti:</p>
<ul>
<li>Iš karto paruošta failų struktūra ir įtraukti reikalingi išoriniai skriptai, su &#8220;fallback&#8217;ais&#8221; į lokalius skriptus. (yra netgi Google Analytics :) )</li>
<li>Optimizavimas mobiliesiems įrenginiams</li>
<li>Senesnių naršyklių palaikymas ir visi reikalingi fixai (net IE6)</li>
<li> .htaccess direktyvos (www peradresavimas, duomenų kompresija)</li>
<li>Optimizuoti spausdinimo šablonai</li>
</ul>
<p>Geriausias dalykas yra tai, jog iš šio šablono galima pasiimti tik funkcijas kurių reikia, bei papildyti savo paties naudojamą šabloną :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frontend.lt/interneto-technologijos/boilerplate-html5-sablonas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dizainų karpymo paslauga &#8211; div.lt</title>
		<link>http://www.frontend.lt/tinklapiu-apzvalga/dizainu-karpymo-paslauga-div-lt/</link>
		<comments>http://www.frontend.lt/tinklapiu-apzvalga/dizainu-karpymo-paslauga-div-lt/#comments</comments>
		<pubDate>Fri, 07 Jan 2011 08:51:13 +0000</pubDate>
		<dc:creator>Paulius</dc:creator>
				<category><![CDATA[Įrankiai]]></category>
		<category><![CDATA[Tinklapių apžvalga]]></category>

		<guid isPermaLink="false">http://www.frontend.lt/?p=625</guid>
		<description><![CDATA[Pagaliau pradėjo veikti dizainų karpymo paslauga -  div.lt . Svetainėje rasite karpymo darbų pavyzdžius, paslaugų aprašymus bei kainas. Paslauga skirta įmonėms, kurios neturi savo dizaino karpymo specialistų, arba jų darbų krūviai itin nepastovūs. Kai kurios Lietuvos IT įmonės jau naudojasi šia paslauga.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.frontend.lt/wp-content/uploads/div.gif"><img class="alignleft size-full wp-image-633" style="margin: 8px;" title="Dizainų karpymo paslaugos" src="http://www.frontend.lt/wp-content/uploads/div.gif" alt="Dizainų karpymo paslaugos" width="180" height="143" /></a>Pagaliau pradėjo veikti <a href="http://div.lt">dizainų karpymo paslauga -  div.lt</a> . Svetainėje rasite karpymo darbų pavyzdžius, paslaugų aprašymus bei kainas.</p>
<p>Paslauga skirta įmonėms, kurios neturi savo dizaino karpymo specialistų, arba jų darbų krūviai itin nepastovūs.</p>
<p>Kai kurios Lietuvos IT įmonės jau naudojasi šia paslauga.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frontend.lt/tinklapiu-apzvalga/dizainu-karpymo-paslauga-div-lt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pirmas žvilgsnis į Google Wave</title>
		<link>http://www.frontend.lt/tinklapiu-apzvalga/pirmas-zvilgsnis-i-google-wave/</link>
		<comments>http://www.frontend.lt/tinklapiu-apzvalga/pirmas-zvilgsnis-i-google-wave/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 06:30:06 +0000</pubDate>
		<dc:creator>Petras</dc:creator>
				<category><![CDATA[Įrankiai]]></category>
		<category><![CDATA[Technologijos]]></category>
		<category><![CDATA[Tinklapių apžvalga]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Wave]]></category>
		<category><![CDATA[Internetinės sistemos]]></category>
		<category><![CDATA[Tinklalapių kūrimas]]></category>

		<guid isPermaLink="false">http://www.frontend.lt/?p=582</guid>
		<description><![CDATA[Neseniai Dr. Wave&#8217;as suteikė mums galimybę prieiti prie ilgai laukto Google Wave, taigi trumpai papasakosiu apie pirma šio stebuklo įspūdį. Pradžiai turiu pastebėjimą, jog Wave atidarytas ant FireFox naršyklės, naudoja trečdalį mano PC resursų, todėl vienintelis būdas, kuriuo įmanoma normaliai dirbti su Wave, yra naudotis Chrome. Taip pat, jei norėsite naudotis pilnu Wave funkcionalumu, taip [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.frontend.lt/wp-content/uploads/google_wave_logo.jpg"><img class="alignleft size-full wp-image-586" title="google_wave_logo" src="http://www.frontend.lt/wp-content/uploads/google_wave_logo.jpg" alt="google_wave_logo" width="177" height="177" /></a>Neseniai Dr. Wave&#8217;as suteikė mums galimybę prieiti prie ilgai laukto Google Wave, taigi trumpai papasakosiu apie pirma šio stebuklo įspūdį.<br />
Pradžiai turiu pastebėjimą, jog Wave atidarytas ant FireFox naršyklės, naudoja trečdalį mano PC resursų, todėl vienintelis būdas, kuriuo įmanoma normaliai dirbti su Wave, yra naudotis Chrome.<br />
Taip pat, jei norėsite naudotis pilnu Wave funkcionalumu, taip pat teks Naudotis tuo pačiu Chrome, arba įsidiegti Google Gears.</p>
<p>Apie patį funkcionalumą, nepasakosiu, nes jį galite pasižiūrėti šioje <a href="http://wave.google.com/help/wave/about.html" class="broken_link">prezentacijoje</a>.</p>
<p>Galiu pradėti nuo poros įdomių sprendimų:</p>
<ol>
<li>Visi wave aplinkos blokai yra dinaminiai (Keičiamo dydžio, minimizuojami ir pan. ) Įdomus sprendimas, kad kai blokas yra minimizuojamas, jis pakliūna į įrankių juostą, panašiai, kaip ir Langų mechanizmas operacinėse sistemose. Tą naujove turbūt pavadinti yra sunku, tačiau web srityje šį sprendimą matau pirmą kartą.</li>
<li>Darbas su failais, įgyvendintas labai kruopščiai &#8211; failą iš savo kompiuterio galiu įmesti tiesiai į naršyklę ir jis iš karto bus nusiųstas į Wave ir tuo pat metu suspaustas į ZIP archyvą.</li>
</ol>
<p>Kaip jau minėjau visas kitas naujoves galite pažiūrėti Google pateiktoje prezentacijoje.</p>
<p>Kadangi google, skelbiasi, jog wave yra visai naujos kartos komunikacijos ir bendradarbiavimo platforma, teko ją išbandyti su kolegomis. Deja, kol kas funkcionalumu nusivylėme, dėl keleto priežasčių:</p>
<ul>
<li>Jeigu bendraujame realiu laiku, wave&#8217;as turėtų atstoti Chat&#8217;ą, tačiau iki to yra toli gražu: visa bendradarbiavimo sistema veikia nepakankamai greitai ir trūkčioja, net ant greito interneto.</li>
<li>Norint išsiųsti atsakymą į kolegos postą, turiu su pele paspausti ant po tuo postu esančios, plonos linijos ir neturiu galimybės tai padaryti, naudodamasis vien klaviatūra, todėl dažai sukurdavau įvairių pokalbio šakų to visai nenorėdamas.</li>
<li>Labiausiai naudojamos funkcijos, tokios kaip &#8220;Reply to this message&#8221;, &#8220;Edit&#8221;, &#8220;Delete&#8221;  yra paslepiamos iššokančiame meniu. Jų daug labiau norėtųsi piktogramų pavidalu, funkcinėje juostoje arba prie paties posto.</li>
<li>Nėra collapse/expand funkcijų, kurios tikrai pagerintų pokalbio skaitomumą.</li>
<li>Keblus sprendimas padarytas su blokų slinkties juostomis (ScrollBar&#8217;ais) &#8211; jie padaryti dvigubi ir labai blaško dėmesį.</li>
<li>Dar pastebėjau, jog registruodamasis Wave gauni pašto adresą su @googlewave.com galūnę, tačiau jokio pašto į ją siųsti negalimą. Šiuo klausimu, viltingai žvelgiu į ateitį ir tikiuosi, kad toks funkcionalumas bus įvykdytas.</li>
</ul>
<p>Taigi, apibendrintai galiu pareikšti, jog Google wave yra kur tobulėti, kadangi, juo kaip komunikavimo įrankiu, kol kas efektyviai naudotis tikrai neišeitų. Kadangi aptariau tik &#8220;preview&#8221; versiją, tikiuosi, kad ateityje šis įrankis tikrai patobulės ir jam šiai versijai skiriu 4,5/10 įvertinimą.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frontend.lt/tinklapiu-apzvalga/pirmas-zvilgsnis-i-google-wave/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Krovimo paveikslėliai</title>
		<link>http://www.frontend.lt/vartotojo-interfeisas/krovimo-paveiksleliai/</link>
		<comments>http://www.frontend.lt/vartotojo-interfeisas/krovimo-paveiksleliai/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 09:56:51 +0000</pubDate>
		<dc:creator>Petras</dc:creator>
				<category><![CDATA[Įrankiai]]></category>
		<category><![CDATA[Patarimai]]></category>
		<category><![CDATA[Vartotojo interfeisas]]></category>
		<category><![CDATA[Sprendimai]]></category>
		<category><![CDATA[Tinklalapių kūrimas]]></category>

		<guid isPermaLink="false">http://www.frontend.lt/?p=543</guid>
		<description><![CDATA[Šiuo metu, nemažai tinklapių yra įgyvendintas dinaminis tinklapio užkrovimas, pvz.: Neperkraunant puslapio, galima naršyti po prekių katalogus. Paprastai toks funkcionalumas vartotojui yra daug patogesnis, nei viso puslapio perkrovinėjimas, tačiau jeigu tokiu būdu reikia užkrauti didelį kiekį informacijos ir serveris veikia lėtai, vartotojas gali būti suklaidintas ir nueiti į kitą puslapį. Kad to išvengti, patariame naudoti [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.frontend.lt/wp-content/uploads/preloader.jpg"><img class="alignleft size-full wp-image-553" title="preloader" src="http://www.frontend.lt/wp-content/uploads/preloader.jpg" alt="preloader" width="201" height="124" /></a>Šiuo metu, nemažai tinklapių yra įgyvendintas dinaminis tinklapio užkrovimas, pvz.: Neperkraunant puslapio, galima naršyti po prekių katalogus. Paprastai toks funkcionalumas vartotojui yra daug patogesnis, nei viso puslapio perkrovinėjimas, tačiau jeigu tokiu būdu reikia užkrauti didelį kiekį informacijos ir serveris veikia lėtai, vartotojas gali būti suklaidintas ir nueiti į kitą puslapį. Kad to išvengti, patariame naudoti krovimosi paveikslėlius &#8220;Preloader&#8217;ius&#8221;, kurie yra rodomi vartotojui, kol yra kraunamas turinys. Pvz.:</p>
<p><a href="http://www.frontend.lt/wp-content/uploads/44.gif"><img class="alignleft size-full wp-image-547" title="44" src="http://www.frontend.lt/wp-content/uploads/44.gif" alt="44" width="64" height="64" /></a><a href="http://www.frontend.lt/wp-content/uploads/40.gif"><img class="alignleft size-full wp-image-546" title="40" src="http://www.frontend.lt/wp-content/uploads/40.gif" alt="40" width="64" height="64" /></a><a href="http://www.frontend.lt/wp-content/uploads/9.gif"><img class="alignleft size-full wp-image-545" title="9" src="http://www.frontend.lt/wp-content/uploads/9.gif" alt="9" width="64" height="64" /></a></p>
<p>Tokius dailius paveikslėlius galite pasidaryti patys, su <a href="http://preloaders.net/">preloaders.net</a> sistemėle. Joje lengvai susikursite norimą paveikslėlį, nurodydami jo išvaizdą, spalvą, dydį, bei animacijos greitį. Taip pat visi šioje sistemoje sukuriami paveikslėliai gali būti su permatomu fonu, todėl tiks bet kokiame tinklapio dizaine.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frontend.lt/vartotojo-interfeisas/krovimo-paveiksleliai/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Svetainės testavimas su skirtingomis naršyklėmis: Internet Explorer</title>
		<link>http://www.frontend.lt/irankiai/svetaines-testavimas-su-skirtingomis-narsyklemis-internet-explorer/</link>
		<comments>http://www.frontend.lt/irankiai/svetaines-testavimas-su-skirtingomis-narsyklemis-internet-explorer/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 10:44:35 +0000</pubDate>
		<dc:creator>andrius</dc:creator>
				<category><![CDATA[Įrankiai]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Interneto naršyklės]]></category>
		<category><![CDATA[testavimas]]></category>

		<guid isPermaLink="false">http://www.frontend.lt/?p=462</guid>
		<description><![CDATA[Kad ir kaip mes nemėgtume Microsoft Internet Explorer naršyklės senųjų versijų, kuriamus projektus tenka pritaikyti ir joms. To priežastis labai paprasta &#8211; nemažai žmonių vis dar naudoja pasenusias, su operacine sistema įrašytas naršykles. Didžiausia problema yra, kad Windows OS leidžia turėti tik vieną Internet Explorer versiją, taigi reikia papildomų įrankių testavimui. Geriausia turėti kelias atskiras [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="size-thumbnail wp-image-494 alignleft" title="Internet-Explorer-8-0-2" src="http://www.frontend.lt/wp-content/uploads/Internet-Explorer-8-0-2-150x150.png" alt="Internet-Explorer-8-0-2" width="150" height="150" /></p>
<p style="text-align: left;">Kad ir kaip mes nemėgtume Microsoft Internet Explorer naršyklės senųjų versijų, kuriamus projektus tenka pritaikyti ir joms. To priežastis labai paprasta &#8211; nemažai žmonių vis dar naudoja pasenusias, su operacine sistema įrašytas naršykles.</p>
<p style="text-align: left;">Didžiausia problema yra, kad Windows OS leidžia turėti tik vieną Internet Explorer versiją, taigi reikia papildomų įrankių testavimui. <em>Geriausia turėti kelias atskiras Windows instaliacijas, skirtas būtent testavimui (atskirą tam skirtą kompiuterį, arba virtualią mašiną), tačiau ne visada yra tokios galimybės. Testavimui su skirtingomis naršyklėmis yra kuriamos specialios programos, apgaunančios Operacinę sistemą ir leidžiančios veikti kelioms skirtingoms IE versijoms vienu metu.</em> Seniau sėkmingai naudojau <a href="http://tredosoft.com/Multiple_IE">MultipleIEs</a> programėlę. Ji mokėdavo suinstaliuoti IE versijas nuo 3.0 iki 6.0 į vieną kompiuterį. Tačiau buvo ir minusų:</p>
<ol style="text-align: left;">
<li>Neveikė su naujesne nei Windows XP OS.</li>
<li>Komplekte trūksta IE 7 ir naujesnių IE versijų.</li>
<li>Naršyklės veikia nestabiliai.</li>
</ol>
<p style="text-align: left;">Naršydamas www programuotojų resursus internete užtikau alternatyvą &#8211; <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>. Programėlė sulietuvinta, veikia su XP, Vista, 7 Windows versijomis, leidžia testuoti svetaines su IE 5.5, 6.0, 7, 8 ir numatytąja sistemos IE versija. Patogu tai, kad vienu mygtuko paspaudimu galima atidaryti svetainę skirtingomis IE versijomis.</p>
<p style="text-align: left;">Žemiau pateikiamas pavyzdys, kaip atrodo svetainės testavimas su IETester:</p>
<p style="text-align: left;">1žingsnis. Spaudžiame mygtuką &#8220;Visos IE laidos&#8221;:</p>
<p><img class="size-full wp-image-464 alignnone" title="01" src="http://www.frontend.lt/wp-content/uploads/01.jpg" alt="01" width="580" height="415" /></p>
<p style="text-align: left;">2 žingsnis. Iššokusioje lentelėje suvedame puslapio adresą ir pasirenkame su kuriomis IE versijomis atidarinėti:</p>
<p style="text-align: center;"><img class="size-full wp-image-473 aligncenter" style="float:none" title="02" src="http://www.frontend.lt/wp-content/uploads/02.jpg" alt="02" width="565" height="266" /></p>
<p style="text-align: left;">3 žingsnis. IETester kortelėse atidaroma svetainė, galime nagrinėtis skirtumus:</p>
<p style="text-align: left;">Svetainės vaizdas su IE 6 (frontend.lt lankytojams su senomis IE versijomis pasiūlome atnaujinti naršyklę):</p>
<p style="text-align: left;"><img class="size-large wp-image-470 alignnone" title="03-ie6" src="http://www.frontend.lt/wp-content/uploads/03-ie6-1024x927.jpg" alt="03-ie6" width="567" height="512" /></p>
<p style="text-align: left;">Svetainės vaizdas su IE 7:</p>
<p><img class="size-large wp-image-471 alignnone" title="03-ie7" src="http://www.frontend.lt/wp-content/uploads/03-ie7-1024x927.jpg" alt="03-ie7" width="565" height="511" /></p>
<p style="text-align: left;">Svetainės vaizdas su IE8:</p>
<p style="text-align: left;"><img class="size-large wp-image-472 alignnone" title="03-ie-8" src="http://www.frontend.lt/wp-content/uploads/03-ie-8-1024x927.jpg" alt="03-ie-8" width="565" height="511" /></p>
<p style="text-align: left;">Svetainės vaizdas su numatytąja IE versija, mano atveju su IE8:</p>
<p><img class="size-large wp-image-469 alignnone" style="float:none" title="03-ie-numatytoji-narsykle" src="http://www.frontend.lt/wp-content/uploads/03-ie-numatytoji-narsykle1-1024x935.jpg" alt="03-ie-numatytoji-narsykle" width="566" height="516" /></p>
<p>Jeigu dažnai prireikia lyginti svetainės išvaizdą su skirtingomis Internet Explorer versijomis, rekomenduoju išbandyti <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">IETester</a>.  Kaip svetainės suderinamumą su skirtingomis naršyklėmis tikrinate Jūs?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frontend.lt/irankiai/svetaines-testavimas-su-skirtingomis-narsyklemis-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

