Front-end fejlesztés

Sok kép, mégis gyors weboldal

Egy weboldal betöltésének sebessége kettő dolog miatt is nagyon fontos. Az első természetesen az, hogy a látogató weboldalunkra jutva, egy gyorsan betöltődött weboldallal találkozzon. Másodszor pedig, a Google algoritmusában megtalálható egy ezen alapuló rangsorolási tényező. Tehát nagy hangsúlyt, kell fektetnünk erre. Megtehetnénk azt, hogy képeink minőségét tömörítjük, de ennek hatására egy rosszabb minőségű képet kapunk és bizony vannak olyan esetek, amikor a lényeg éppen a részletekben van. Olyan esetekben, amikor sok nagyobb képet kell betöltenünk megoldásként a jQuery Lazy Load-oz hívhatjuk segítségül.

Tovább olvasás...

h1 és az article elem

A HTML5 első blikkre bonyolultnak tűnhet a jól megszokott, <h1>-től <h6>-ig megoldáshoz képest, azonban ezen kis leírásból mindenki számára egyértelmű lesz az, hogy milyen kapcsolatban áll az <article> és a <h1> bekezdésünk. Ahhoz, hogy magyarázatom 100%-ig érhető legyen úgy érzem, úgy a legegyszerűbb, ha kiindulunk egy HTML4 kódból.

Tovább olvasás...

Böngészőfüggetlen HTML5 sablon

A magyar weben körbe-körbe tekintve sajnos még mindig találkozunk nem, hogy valid XHTML oldalakkal, hanem táblázatos megoldásokkal is. Kevés az olyan honlapkészítéssel foglalkozó vállalkozás, akik megfelelő áron valid HTML5 weboldalakat készítenek. Pedig manapság már SEO szempontból is egy nagyon fontos dolog. Éppen ezért mi is már csak HTML5 weboldalakat készítünk egy ideje. Egy teljesen lecsupaszított HTML5 sablonnal indulnak nálunk a front-end fejlesztések az Efrud laborban.

Tovább olvasás...

Facebook fanok száma

Nem kell mindig a Facebook developer oldalra lépnünk, ahhoz, hogy adatokat jelenítsünk meg weboldalunk. Amennyiben csak a kedvelők számára van szükségünk, akkor egyszerűen “megszerezhetjük” ezen adatot. Ahol meg szeretnénk jeleníteni az adott adatot, oda az alábbi kódot kell illeszteni:

<?php
	$page_id = "FAN OLDAL ID";
	$xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("a lot");
	$fans = $xml->page->fan_count;
	echo $fans;
?>

Kimenetünk egy egyszerű szám lesz, amely azt takarja, hogy az adott fan oldalunkat hányan kedvelünk. A FAN ODLAL ID helyére természetesen az adott fan oldalunk számát kell beilleszteni.

Színátmenet CSS-el

Az interneten böngészve szinte minden weboldalon találunk olyan elemeket, amelyek színátmenetesek. Ezeket weboldalkészítéskor általában egy 1px széles vagy 1px magas képpel szokás megoldani. De ez megoldható akár CSS-el is úgy, hogy az szinte böngésző független legyen. Az alábbi példa egy szürkéből, feketébe átmenő színátmenetet eredményez számunka.

Tovább olvasás...