Kulcsszó archívum: canvas

3D animáció JavaScriptben

3D-s animáció JavaScript-ben

A web egy évtizede, még csak olyan volt, mint egy szűz kislány, sok mindenhez nem értett. Ha valami komolyabbat akartunk kicsikarni weboldalunkból, cselhez kellett folyamodnunk: Beépülőt (pl.: Flash, Java, Silverlight) kellett használnunk. A kor előrehaladtával azonban megtanult egy s mást a kicsike és azok a bizonyos beépülők kezdenek feleslegessé válni.

A modern böngészők nyújtotta lehetőségekre építő Tree.js (3D-s Javascript animáció készítő, ami támogatja WebGL, Canvas és SVG technológiákat) segítségével elkészült egy remek bemutató. A bemutatóban két autót irányíthatunk, változtathatjuk a kamera pozícióját, napszakot válthatunk és motion blur-t (mozgásból fakadó elmosódás) is aktiválhatunk. A bemutató után nem is tűnik olyan távolinak az az idő, amikor egy Need For Speed-hez hasonló játékot vezérlünk a böngészőnkben.

Miben kellene fejlődnie a webnek?

HTML5 & CSS3

A HTML5 elődjeivel ellentétben már ténylegesen a fejlesztők igényeinek kielégítésére fókuszál, aminek köszönhetően a “megoldhatatlan ötletek” mappája egyre rövidebb és rövidebb. Ennek ellenére még mindig sok olyan terület van ahol lehetne jobb, egyszerűbb az egész webes fejlesztés.

Yehuda Katz és Paul Irish twitteren végeztek egy kisebb felmérést, hogy a nagy fejlesztők hogyan látják a web jövőjét. Több mint 230 választ dolgoztak fel, kategorizáltak és tettek közzé, amiből jól látszik, hogy kinek mivel van problémája. Aki tapasztalt a webes technológiák terén, sokszor fog bólogatni a következő sorokon, mert több égető problémáról és hiányosságról is szó esik.

Az egyszerűbb HTML5 Canvas használatért

Canvas

A Canvas (vászon) egy remek dolog. Rajzolgathatunk rá kedvünkre, de ha komolyabb animációkat vagy esemény érzékeny objektumokat szeretnénk létrehozni, már több plusz sort kell rónunk. Pontosan ennek megsegítésére született több könyvtár is, amikkel a Canvas használat gördülékenyebb és egyszerűbb lesz. Most bemutatunk néhányat.

Mire jó a HTML5…

Google Chrome

Sokakban felmerült már kérdés: Mire jó a HTML5, milyen újdonságokat hoz? Erre a kérdésre keressük a válaszokat, kapásból tudok 101 példát mutatni, de most csak néhány igazán érdekeset mutatok.

A cikkben megtalálod a Webragacs által kiválogatott legkülönlegesebb HTML5 bemutatókat, amik feltárják a lehetőségek tárházát. Rendkívül innovatív és meghökkentők is találhatóak benne, sokukat eddig még csak Flash klipekben láthattuk, de most életre kelnek. Kijelölhető, másolható, szerkeszthető és nagyszerű.

A technológia csúcsát képezi a Google féle Chrome, az Apple Safari böngészője, az Opera és a negyedik részével felzárkózó FireFox. Az Internet Explorer 9-es verziójának harmadik változata az, ami képes lenne megmutatni a HTML5 igazi mélységét, de azzal még nem sokan találkoztak.

Canopy

Átverés az Internet Explorer 9 teljesítménye?

Internet Explorer logo - Evolució

Az Internet Explorer kétség kívül a legvitatottabb böngésző az egész piacon. Az egészet még furcsábbá teszi a Microsoft által indított IE6 lejárató kampány és az IE9 tesztoldala. Vajon mennyi az ámítás a tesztekből, a Microsoft ismét átveri az embereket?

A Microsoft a közelmúltban sok változtatásra kényszerült rá (főként ez Európai Uniónak köszönhetően). Saját termékének lejáratásában aratott sikere mellet sajnos a cégek még mindig előszeretettel alkalmazzák az IE6 böngészőt, mert a népszerűbb oldalak nem megfelelően jelennek meg benne, így kevesebb időt pazarolnak el a hasznos munkaidőből.

Modern CSS3 (2. rész): Alapvető technikák

Modern CSS

Az első részben nagy vonalakban szó esett a fő szemszögekről, amiket figyelembe kell venni a CSS fejlesztés során. Már ismerjük a modern CSS alapvető jellemzőit, de hogyan is kell azokat használni? Ebből a cikkből több tucatnyi kiváló technikáról tudhatsz meg mindent, kapcsolódó linkekkel, példa oldalakkal és képekkel egybekötve.

A cikkben szó lesz ezekről:

  • Az elemeket érintő változások: árnyékolás, keretek, hátterek, animáció
  • CSS kódjában történt fő változások: szelektorok, média lekérdezés, új doboz modell
  • HTML5 újdonságok: új felépítés, új elemek, JavaScript és plugin függőség
  • IE hibajavítás
  • Rugalmas elrendezés, segédrács
  • CSS keretrendszerek, OOCSS
  • CSS tömörítés, CSS Sprites
  • Betűtípus beágyazás és csere
  • stb.

Érted vagyunk

Érdekes cikket vagy hírt olvastál? Láttál egy jó grafikát? Sajtóközleménnyel házalsz? Szeretnél velünk megosztani egy vendég cikket?
Most elküldheted nekünk és mi leközöljük a WebRagacson!

Beküldés
Kapcsolat

Reklám