HTML5-CSS3 forrás by Google

A HTML5ROCKS egy Google által létrehozott online segítség HTML5 és CSS3 kódoláshoz. Az oldal részletes leírásokat tartalmaz például a videó és a web-fonts használatáról. Van egy “játszótér” ahol jó néhány kipróbálható funkció található, forráskóddal , mint a forgatás, videólejátszás vagy a geolocation.

6 kiváló designer munkakörnyezet

A kreatív munka kellemes környezetben sokkal hatékonyabb tud lenni! Mivel munkával töltjük a napunk 1/3-át átlagosan, így fontos erre is áldozni. Ülő munkáról beszélünk, ezért a jó testtartáshoz kell, egy kényelmes ergonomikus szék és gondoskodnunk kell a megvilágításról is. (tovább…)

Dreamweaver CS5 HTML 5 Pack

Megjelent egy Dreamweaver CS5 bővítmény mely ingyenesen letölthető. HTML5 kódolást hívatott segíteni, illetve rendelkezik még néhány hasznos funkcióval.
(tovább…)

HTML5 teszt

Niels Leenheer egy holland webfejlesztő aki, készített egy HTML5 tesztet mely, igen népszerűvé vált. Teszteld te is(itt)! Van egy 2010 márciusi lista(link) is amin a leggyorsabb eredmény még 143, ezt jelenleg nem nehéz felülmúlni.
(tovább…)

Chrome 6

Júliusban megérkezett a Chrome 6 dev ami fejlesztőknek szól elsősorban, már egy ideje használom és nyugodtan állíthatom még nem volt gond vele! Telepítéskor nem tesz fel még egy változatot hanem a meglevőt frissíti, és meglepő hogy minden telepített bővítmény, kiterjesztés és skin is működik, ami meglepő mert pl. a firefox előzetesekre ez nem jellemző.
(tovább…)

Internet Explorer 9

Az internetes böngészők 70%-a IE ami hatalmas szelet, mint tudjuk az utolsó teljes verzió a 8-as. Sebessége messze elmarad a konkurenciától. Ideje egy Windows 7-hez méltó böngészőt alkotniuk már csak azért is mert 150 millió licencet adtak el idáig!
(tovább…)

Safari 5

Itt az új Safari 5, javított HTML5 támogatással, Windows hardware gyorsítással és kiegészítőkkel(Extensions). Az Apple eleinte úgy hirdette ez lesz a világ leggyorsabb böngészője új fent, aztán a Chrome 6 meg az Opera maga mögé utasította. Én is végeztem egy SunSpider tesztet, ami ezt az eredmény produkálta:
(tovább…)

Validator gombok

Aki nem szeretne túl sok időt tölteni ezzel az vegye-vigye! Köszönhetően Antipixelnek, letölthető a photoshop file innen(link).

(tovább…)

@font-face vs Internet Explorer

Szóval ahhoz, hogy minden böngészővel kompatibilis stílus lapot(CSS) készítsünk tudni kell hogy az IE csak .EOT típusú betűt tudja használni @font-face esetén. Elvileg már rendelkezünk azzal a betűtípussal amit szeretnénk használni ami .TTF kiterjesztésű, ezt át kell konvertálnunk, amit meg tehetünk egy online konverterrel (link) vagy letöltünk egy ingyenes programot a WEFT-et (link). A konvertálást követően így tudjuk alkalmazni:
(tovább…)

6 kitünő @font-face beágyazható betűtípus

A két legnépszerűbb web-es betű stílus a Verdana és a Georgia, ráadásul ezek web-safe típusok. Ha szeretnénk valami egyedi betűtípust alkalmazni, legalább a címsorokban akkor van néhány lehetőségünk, például képként jelenítjük meg. Ezt megtehetjük egy “flash replacement” segítségével (sIFR,FLIR) vagy vannak java-s illetve CSS+PHP DTR megoldások is, azonban SEO szempontból problémás de ez is megoldható csak ki kell tenni “hidden” szövegként is…
(tovább…)