<?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>html5 &#8211; Yogi IT Blog</title>
	<atom:link href="https://yogit.ro/tag/html5/feed/" rel="self" type="application/rss+xml" />
	<link>https://yogit.ro</link>
	<description>Yogi&#039;s Info on Technology</description>
	<lastBuildDate>Sat, 04 Apr 2026 10:55:01 +0000</lastBuildDate>
	<language>ro-RO</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://yogit.ro/wp-content/uploads/favicon21.png</url>
	<title>html5 &#8211; Yogi IT Blog</title>
	<link>https://yogit.ro</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Jocuri de plictiseala &#8211; Curvy Puzzle Game</title>
		<link>https://yogit.ro/2016/03/jocuri-de-plictiseala-curvy-puzzle-game/</link>
					<comments>https://yogit.ro/2016/03/jocuri-de-plictiseala-curvy-puzzle-game/#respond</comments>
		
		<dc:creator><![CDATA[yogi]]></dc:creator>
		<pubDate>Thu, 24 Mar 2016 16:13:58 +0000</pubDate>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[curvy]]></category>
		<category><![CDATA[free game]]></category>
		<category><![CDATA[html5]]></category>
		<guid isPermaLink="false">http://yogit.ro/?p=4336</guid>

					<description><![CDATA[Nu neg ca imi place sa caut chestii interesante pe web si cand gasesc ceva util sau misto salvez imediat prin bookmark-uri. Indiferent ca e joc, aplicatie sau nu-stiu-ce site care face nu-stiu-ce chestie. Cred ca am mai zis asta si in trecut cand am mai postat p-aici diferite link-uri utile si nu numai. Acestea [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" class="alignleft  wp-image-4338" src="http://yogit.ro/wp-content/uploads/Curvypromo_final1024by500_6-300x146.png" alt="Curvypromo_final1024by500_6" width="177" height="86" srcset="https://yogit.ro/wp-content/uploads/Curvypromo_final1024by500_6-300x146.png 300w, https://yogit.ro/wp-content/uploads/Curvypromo_final1024by500_6-600x292.png 600w, https://yogit.ro/wp-content/uploads/Curvypromo_final1024by500_6.png 1024w" sizes="(max-width: 177px) 100vw, 177px" />Nu neg ca imi place sa caut chestii interesante pe web si cand gasesc ceva util sau misto salvez imediat prin bookmark-uri. Indiferent ca e joc, aplicatie sau nu-stiu-ce site care face nu-stiu-ce chestie. Cred ca am mai zis asta si in trecut cand am mai postat p-aici diferite link-uri utile si nu numai. Acestea fiind zise hai sa purcedem catre joculetul pe care vreau sa vi-l prezint in acest articol.</p>
<p>Din seria jocurilor simple si addictive facute in HTML5, despre care am mai scris si altadata, vine si acest puzzle game cu numele de <strong>Curvy</strong>. El este realizat de catre <strong>flaminglunchbox</strong>, o echipa relativ mica de programatori dar pusa pe fapte mari. Jocul nu e nou, a luat nastere cam acu 5 ani si se gaseste atat pe web (HTML5) dar si ca aplicatie dedicata pe Android sau iOS. Versiunea de web o gasiti aici &#8211; <a href="http://www.flaminglunchbox.net/curvy" target="_blank">http://www.flaminglunchbox.net/curvy</a>, iar pentru aplicatiile dedicate search in Google Play sau in iTunes ca sigur le gasiti <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>
<p>Un printscreen cu un tip de puzzle pe care il puteti juca in Curvy mai jos ↓</p>
<p><a href="http://yogit.ro/wp-content/uploads/Screenshot1.png" data-rel="lightbox-gallery-E3X0RJKt" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" class="alignnone size-full wp-image-4339" src="http://yogit.ro/wp-content/uploads/Screenshot1.png" alt="Screenshot - Curly" width="400" height="275" srcset="https://yogit.ro/wp-content/uploads/Screenshot1.png 400w, https://yogit.ro/wp-content/uploads/Screenshot1-300x206.png 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>Pentru o explicare cat mai precisa a joculetului am zis sa ma folosesc de descrierea realizata pe <a href="http://www.html5games.net/curvy/" target="_blank">http://www.html5games.net/curvy/</a>:</p>
<p><em>&#8222;Curvy is a refreshing concept in puzzle games. The screen that shows up has a lot of hexagons, and the player has the liberty of rotating these hexagons to the left and right. The aim is to make perfect colour combinations. It is somewhat difficult to begin with, but once you get the hang of it, you would surely love to play Curvy for hours altogether, trying to make the perfect colouring matches on the screen. Curvy is, without a doubt, one of the more interesting HTML5 puzzle games.&#8221;</em></p>
<p>Sper sa va placa! Have fun!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://yogit.ro/2016/03/jocuri-de-plictiseala-curvy-puzzle-game/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>De ce mai folositi IE ?</title>
		<link>https://yogit.ro/2014/09/de-ce-mai-folositi-ie/</link>
					<comments>https://yogit.ro/2014/09/de-ce-mai-folositi-ie/#respond</comments>
		
		<dc:creator><![CDATA[yogi]]></dc:creator>
		<pubDate>Fri, 19 Sep 2014 13:54:25 +0000</pubDate>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[browser test]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[mozilla firefox]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>
		<guid isPermaLink="false">http://yogit.ro/?p=1870</guid>

					<description><![CDATA[Din cand in cand mai dau peste cate un utilizator de IE care, contrar asteptarilor, ramane loial chiar si dupa nenumarate incercari de a-l convinge ca foloseste cel mai prost browser existent. Lui si altora ca el va spun sincer ca nu va inteleg&#8230; Pe bune acu, chiar vreti sa fiti mereu cu 2-3 ani [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img decoding="async" class="alignleft wp-image-1876 " src="http://yogit.ro/wp-content/uploads/IE-se-incarca-300x240.jpg" alt="IE-se-incarca" width="213" height="170" srcset="https://yogit.ro/wp-content/uploads/IE-se-incarca-300x240.jpg 300w, https://yogit.ro/wp-content/uploads/IE-se-incarca-600x480.jpg 600w, https://yogit.ro/wp-content/uploads/IE-se-incarca.jpg 1000w" sizes="(max-width: 213px) 100vw, 213px" />Din cand in cand mai dau peste cate un utilizator de IE care, contrar asteptarilor, ramane loial chiar si dupa nenumarate incercari de a-l convinge ca foloseste cel mai prost browser existent. Lui si altora ca el va spun sincer ca nu va inteleg&#8230; Pe bune acu, chiar vreti sa fiti mereu cu 2-3 ani in spate fata de restul?</p>
<p>Da stiu ca cei de la Microsoft si-au dat tot interesul pentru versiunea 11 si chiar au adus ceva imbunatatiri notabile dar chiar si asa tot raman in urma. Si da stiu ca circula pe net o multitudine de teste comparative care indica IE11 castigator la diferite criterii ca loading page sau executie de javascript dar din punctul meu de vedere nu sunt relevante. In real life te lovesti de blocari repetate, redari defectoase de pagini de net (inclusiv cele proprii Microsoft), update-uri cu probleme, hang-uri pe partea de redare flash pe diverse site-uri si lista poate continua.</p>
<p>Nu vrea sa intru acuma prin diverse benchmark-uri si sa umplu articolu de cifre si statistici dar o sa fac totusi o comparatie simpla privind adoptia limbajului HTML5. Stim cu totii ca aproape 90% din site-urile care conteaza folosesc elemente de limbaj HTML5 asa ca nu mai detaliez aici motivele pentru aceste teste.</p>
<p>Mai jos aveti ultimile versiuni de browser comparate din punct de vedere al limbajului HTML5:</p>
<p><a href="http://yogit.ro/wp-content/uploads/HTML5-browser-score.jpg" data-rel="lightbox-gallery-DkZleNP0" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1871" src="http://yogit.ro/wp-content/uploads/HTML5-browser-score.jpg" alt="HTML5-browser-score" width="486" height="97" srcset="https://yogit.ro/wp-content/uploads/HTML5-browser-score.jpg 486w, https://yogit.ro/wp-content/uploads/HTML5-browser-score-300x59.jpg 300w" sizes="auto, (max-width: 486px) 100vw, 486px" /></a></p>
<p>Deci avem un scor de 376 pentru IE11 care, daca nu stiati, a fost lansat in 17 Octobrie 2013.  Scotocim putin prin scorurile mai vechi ale celorlalte browsere si gasim niste valori apropiate cu IE11:</p>
<p><a href="http://yogit.ro/wp-content/uploads/HTML5-browser-score2.jpg" data-rel="lightbox-gallery-DkZleNP0" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="alignnone size-full wp-image-1872" src="http://yogit.ro/wp-content/uploads/HTML5-browser-score2.jpg" alt="HTML5-browser-score2" width="486" height="97" srcset="https://yogit.ro/wp-content/uploads/HTML5-browser-score2.jpg 486w, https://yogit.ro/wp-content/uploads/HTML5-browser-score2-300x59.jpg 300w" sizes="auto, (max-width: 486px) 100vw, 486px" /></a></p>
<p>Ca sa fie clar pentru toata lumea:</p>
<p>Chrome 13 &#8211; a fost lansat in 2 August 2011<br />
Firefox 16 &#8211; a fost lansat in 9 Octombrie 2012<br />
Opera 12.10 &#8211; a fost lansat in 6 Noiembrie 2012<br />
Safari 6.0 &#8211; a fost lansat in 25 Iulie 2012</p>
<p>Deci daca suntem putin rautaciosi din chestiile de mai sus deducem ca cei care folosesc IE11 au ramas la nivelul din 2011-2012. Bine aici puteti veni cu argumente cum ca celelalte tot lanseaza noi variante si daca ar fi lansat si cei de la Microsoft variante noi lucrurile ar fi stat altfel! Pai ok atunci, de ce nu lanseaza? Sa termine cu update-urile defectoase si sa lanseze o versiune noua! Cine-i opreste? Va zic eu, probabil asteapta Windows 9. Cum IE11 este compatibil doar cu Windows 7 si Windows 8 asa probabil si IE12 o sa fie cu Windows 9 si mai apoi (poate) cu Windows 8. De 7 nu mai zic nimic ca mai mult ca sigur o data cu aparitia versiunii 9 o sa fie trecut pe linie moarta! Politica de rahat!</p>
<p>Dar sa revenim&#8230; in ritmul melc melc codobelc, ca utilizatori de IE, veti fi mereu cu ceva pasi in spate fata de concurenta. Va place chestia asta? Mie nu mi-ar placea! Asa ca chose another browser!</p>
<p>PS: SunSpider Benchmark pare suspicios&#8230; cumva Microsoft lover?</p>
<p>PS2: Stiu ca pe la noi prin tarisoara mai sunt niste site-uri guvernamentale sau publice sau whatever care au un sistem de logging sau niste pagini ciudate care merg doar prin IE dar acuma ce sa facem&#8230; sa le umplem frigideru? Mai folosim cand e nevoie si IE&#8230;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://yogit.ro/2014/09/de-ce-mai-folositi-ie/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Sa ne jucam cu text in HTML5</title>
		<link>https://yogit.ro/2014/06/sa-ne-jucam-cu-text-html5/</link>
					<comments>https://yogit.ro/2014/06/sa-ne-jucam-cu-text-html5/#respond</comments>
		
		<dc:creator><![CDATA[yogi]]></dc:creator>
		<pubDate>Thu, 05 Jun 2014 20:51:01 +0000</pubDate>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html5 canvas]]></category>
		<category><![CDATA[pixel manipulation]]></category>
		<category><![CDATA[text]]></category>
		<guid isPermaLink="false">http://yogit.ro/?p=837</guid>

					<description><![CDATA[Imi plac la nebunie chestiile facute in HTML5 si ma bucur de fiecare data cand gasesc pe net cate un joculet, o aplicatie, o ciudatenie sau mai-stiu-eu-ce iesit din comun. De data asta am dat peste un &#8222;experiment chrome&#8221; care utilizeaza elementele de grafica canvas pentru a manipula textul pe care il tastam. Technologia din [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignleft  wp-image-157" src="http://yogit.ro/wp-content/uploads/HTML5_Logo_512.png" alt="HTML5_Logo_512" width="152" height="152" srcset="https://yogit.ro/wp-content/uploads/HTML5_Logo_512.png 512w, https://yogit.ro/wp-content/uploads/HTML5_Logo_512-150x150.png 150w, https://yogit.ro/wp-content/uploads/HTML5_Logo_512-300x300.png 300w" sizes="auto, (max-width: 152px) 100vw, 152px" />Imi plac la nebunie chestiile facute in HTML5 si ma bucur de fiecare data cand gasesc pe net cate un joculet, o aplicatie, o ciudatenie sau mai-stiu-eu-ce iesit din comun.</p>
<p>De data asta am dat peste un <a href="http://www.chromeexperiments.com/detail/text-particles/" target="_blank" rel="noopener">&#8222;experiment chrome&#8221;</a> care utilizeaza elementele de grafica canvas pentru a manipula textul pe care il tastam. Technologia din spate se numeste <em>Canvas pixel manipulation</em>.</p>
<p>Textul introdus este descompus la nivel de pixeli ca mai apoi sa fie recompus din nou! Interesant nu? Nu-mi dau seama daca am explicat cum trebuie dar cel mai bine e sa-l incercati si sa vedeti voi insiva ce si cum face.</p>
<p>Il puteti testa de <a href="https://williamhoza.com/text/?t=yogit.ro" target="_blank" rel="noopener">aici</a>.</p>
<p>Enjoy!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://yogit.ro/2014/06/sa-ne-jucam-cu-text-html5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>YouTube si HTML5</title>
		<link>https://yogit.ro/2014/05/youtube-si-html5/</link>
					<comments>https://yogit.ro/2014/05/youtube-si-html5/#respond</comments>
		
		<dc:creator><![CDATA[yogi]]></dc:creator>
		<pubDate>Thu, 15 May 2014 20:24:38 +0000</pubDate>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[adobe flash]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[youtube]]></category>
		<guid isPermaLink="false">http://yogit.ro/?p=665</guid>

					<description><![CDATA[Se pare ca YouTube incepe sa adopte usor-usor standardele HTML5, ma refer aici la continutul video, in defavoarea Adobe Flash, iar aceasta schimbare nu poate decat sa ne bucure. De ce? Pai din o multime de motive pe care le pot insirui incepand cu viteza de incarcare a videoclipurilor; consumul de resurse; optimizare; eliminarea dependetei [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignleft wp-image-668" src="http://yogit.ro/wp-content/uploads/youtube_html5_2.jpg" alt="youtube_html5_2" width="216" height="87" srcset="https://yogit.ro/wp-content/uploads/youtube_html5_2.jpg 622w, https://yogit.ro/wp-content/uploads/youtube_html5_2-300x120.jpg 300w, https://yogit.ro/wp-content/uploads/youtube_html5_2-600x241.jpg 600w, https://yogit.ro/wp-content/uploads/youtube_html5_2-620x250.jpg 620w" sizes="auto, (max-width: 216px) 100vw, 216px" />Se pare ca YouTube incepe sa adopte usor-usor standardele HTML5, ma refer aici la continutul video, in defavoarea Adobe Flash, iar aceasta schimbare nu poate decat sa ne bucure. De ce? Pai din o multime de motive pe care le pot insirui incepand cu viteza de incarcare a videoclipurilor; consumul de resurse; optimizare; eliminarea dependetei de un plugin pentru redare continut; eliminarea dependentei de Adobe; libertatea redarii continutului pe toate dispozitivele-smartphone, tablete, etc.</p>
<p>Cam astea mi-au venit in minte asa rapid, ideea e ca Adobe Flash Player e pe moarte. Nu are nici un plus fata de HTML5 in afara de faptul ca rata utilizarii lui inca e ridicata, dar acest aspect se schimba pe masura adoptiei browserelor a noilor elemente din HTML5- v-am vorbit intr-un <a href="http://yogit.ro/2014/04/html5-browser-test/" target="_blank">articol trecut</a> despre asta. Iar site-urile treptat isi modifica continutul si introduc elementele noi din HTML5.</p>
<p>Pentru YouTube putem verifica si seta sa se utilizeze player-ul HTML5 intrand pe urmatorul <a href="http://www.youtube.com/html5" target="_blank">link</a>. Aici vedem ce formate video suporta momentan browser-ul nostru pentru a fi redate si trebuie sa bifam sa se foloseasca player-ul HTML5 atunci cand este posibil. Momentan nu toate videoclipurile de pe platforma pot fi redate prin HTML5 dar numarul lor este in crestere.</p>
<p>Enjoy!</p>
<p>Update: introducerea HTML5 in YouTube a inceput prin 2010 iar in prezent majoritatea filmuletelor pot fi redate in HTML player dar cu rezolutii pana in 360p inclusiv.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://yogit.ro/2014/05/youtube-si-html5/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Html5 browser test</title>
		<link>https://yogit.ro/2014/04/html5-browser-test/</link>
					<comments>https://yogit.ro/2014/04/html5-browser-test/#respond</comments>
		
		<dc:creator><![CDATA[yogi]]></dc:creator>
		<pubDate>Thu, 03 Apr 2014 21:29:35 +0000</pubDate>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[browser test]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html5 test]]></category>
		<category><![CDATA[limbaj]]></category>
		<category><![CDATA[programare]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">http://yogit.ro/?p=153</guid>

					<description><![CDATA[HTML5 este un limbaj pentru structurarea si prezentarea continutului pentru World Wide Web. Asa suna o scurta descriere preluata din pagina de Wikipedia dedicata limbajului HTML5.  Mai trebuie sa stim ca el s-a nascut ca un&#8230; sa-i spunem update la HTML iar 5-ul din coada insemnand ca suntem la al cincilea update. El a inceput [&#8230;]]]></description>
										<content:encoded><![CDATA[<blockquote><p><b>HTML5</b> este un limbaj pentru structurarea si prezentarea continutului pentru World Wide Web.</p></blockquote>
<p><b><img loading="lazy" decoding="async" class="alignleft" src="http://yogit.ro/wp-content/uploads/HTML5_Logo_512.png" alt="HTML5_Logo_512" width="184" height="184" /></b><br />
Asa suna o scurta descriere preluata din pagina de Wikipedia dedicata limbajului HTML5.  Mai trebuie sa stim ca el s-a nascut ca un&#8230; sa-i spunem update la HTML iar 5-ul din coada insemnand ca suntem la al cincilea update. El a inceput sa fie adoptat ca limbaj de continut pe net cam de prin 2012 (daca nu ma insel) si tot de atunci browsere au inceput sa-l invete ca sa poata reda continutul creat cu ajutorul lui. Cam asta ar fi pe scurt, as mai putea adauga ca elementele, atributele noi din HTML5 fac mult mai usoara in special redarea de continut media in pagini si simplifica foarte mult munca programatorilor web. Daca vreti sa vedeti istoricul exact al acestui limbaj si sa va documentati mai mult gasiti info pe pagina de Wiki. Iar pentru a vedea cat de bine stie browser-ul vostru HTML5 gasiti un tool foarte util  la <a href="http://html5test.com/" target="_blank">http://html5test.com/</a>.<br />
Cu ajutorul acestui site putem vedea exact ce elemente, atribute sunt stiute sau nu de browser-ul cu care il accesam. Putem vedea si comparativ cu alte browsere rata de adoptie HTML5 si ce browser suporta in prezent cel mai bine acest limbaj. In site apar automat noile vesiuni de browser dar dureaza cateva zile pana cand se actualizeaza topurile dar asta nu inseamna ca nu putem face teste cu orice browser fie el si beta sau nightly release.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://yogit.ro/2014/04/html5-browser-test/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
