A Google Chrome HTML5 alkalmazásai ezentúl futtathatóak lesznek Androidon és iOS-en is. A megoldás lényege, az Apache Cordova platform, amely a HTML5 appokat egy natív kódba portolja, ami így Androidon és iOS-en is működni fog. Maga a Cordova már jó ideje létezik, az újdonság talán az, hogy végre egy picit megtámogatják. Érdekes tény, hogy míg IOS és WP8 alatt nagyjából működik – a fejlesztői visszajelzések alapján – az Androidon gyengélkedik a megoldás. Egy rövid leírást itt találtok magáról a portolás menetéről. 

Voltak már kezdeményezések a Mozilla részéről is az Open Web Apps-al, de különösebben nem kapott nagy visszhangot. UPDATE kaptam hozzá egy YouTube linket is, íme: 

Véleményem szerint még sok víz folyik le a Dunán, mire egy teljesen jól működő megoldást kapunk. A helyzet nem egyszerű, mert ugye, ami működik egérrel, billentyűzettel és érintésre optimalizált felületen, valamint kis és nagy kijelzőn, okos órán és okos szemüvegen, ne adj isten az új átlátszó kijelzőn (amit még csak fejlesztenek az MIT-n) az olyan bonyolultságú kód lesz, amit jelenleg egyszerűbb minden rendszerre külön megírni egy kis kód-újrahasznosítással. 
Ezt ha van kedvetek, tekintsétek meg, érdemes: http://www.chromeexperiments.com/detail/roll-it/

A napokban megjelent a Google által támogatott Web Designer Bétája.

Ahhoz képest, hogy Béta verzió, meglepően stabil és gyors, használata egyszerű.  A szoftver nem weboldalak létrehozására van kitalálva, hanem egyelőre HTML5 és CSS3 alapú cross platform animációk készítésére (Bannerek, hirdetések, 3D animációk). Ettől függetlenül elképesztően jó dolgokat lehet csinálni vele.

Telefonon, táblagépen és asztali számítógépen is fut az alkalmazás. A Google Drive-ban megosztott fájlokat akár együtt is módosíthatjuk, javíthatjuk. Lehetőségünk van tervezői és kód nézetben is megtekinteni amit létrehoztunk, így gyakorlatilag egyből a kódot látjuk, ami valljuk be, szuper dolog.

A Google Web Designer Béta gyakorlatilag mindent tud, amit a hasonló fizetős programok, de mindezt ingyenesen.

Próbáljátok ki, megéri!

Letölthető a Google oldaláról. Tovább olvasom »

Egy nagyon érdekes ikon csomagra/app-ra (IcoMoon <- érdemes megnézni) bukkantam, aminek a kezelése könnyű és nagyon ötletes. A lényege, hogy vektoros ikonokat biztosít a számodra, mindezt úgy, hogy létrehoz hozzá egy “font-készletet”, amit használhatsz az oldaladon, így gyakorlatilag nem kell millió képfájlt letöltened különböző méretekben. Másik nagy előnye, hogy tetszőleges felbontáson működik, hiszen vektorgrafikus.

Ennek az ikon-betűtípusnak a használatát szeretném megmutatni nektek néhány példa segítségével. A menük elkészítéséhez csak HTML5 és CSS3 szükséges, semmi mást nem használunk. A példákat Firefox és Chrome alatt teszteltem.

Akkor vágjunk is bele!

A következő menüt szeretném létrehozni:

CSS3 Black&White menu

CSS3 menu – Black&White

Tovább olvasom »

Mivel több Google+-os közösségi oldalon gond volt, hogy magyarul kérdeztek a felhasználók egy-egy megjelent cikk kapcsán és folyamatosan törölték ezeket a bejegyzéseket úgy döntöttem, hogy elindítok egy közösségi oldalt ékes anyanyelvünkön.

Csatlakozzatok minél többen, ha van kedvetek az alábbi linken

https://plus.google.com/u/0/b/103774555340157874936/communities/112862854471413748933

vagy egyszerűen keressetek rá a

HTML5 és CSS3 Ügyesen

közösségre.

 

Jó szórakozást mindenkinek!

 

UPDATED! – Frissítve, grafikus progress bar

Nem új a téma, hiszem az XMLHttpRequest (XHR) nem számít új technikának, mégis úgy gondoltam nézzük meg, miként lehet a HTML5-el házasítani. Az XMLHttpRequest nem más, mint egy API, ami böngészőkön belül elérhető olyan interpreteres nyelvben, mint például a JavaScript. Arra használható, hogy HTTP vagy HTTPS protokollon keresztül direkt küldjünk kéréseket a webszervernek, aztán annak a válaszát közvetlenül visszakapjuk például a kérő szkriptben. A visszakapott adatot közvetlenül használhatjuk arra, hogy a böngészőben az aktív weboldal tartalmát módosítsuk, az oldal újratöltése nélkül. Az XMLHttpRequestnek nagyon fontos szerepe van az Ajax webfejlesztési technikákban.

A példában egy egyszerű fájlfeltöltést mutatok be nektek, amelyben használjuk a HTML5 lehetőségeit és a szerver oldalon egy kis php scriptet is. Amit megvalósítunk:

  • fájl feltöltése (egy későbbi cikkben megmutatom a többszörös fájlfeltöltést is)
  • fájlnév, méret és típus kiírása
  • progress bar
  • fájlméret limitálás
  • event kezelés

Nézzük elsőként a HTML5 progress event működését, milyen adatokat szolgáltat a számunkra: Tovább olvasom »

A múlt héten a W3C HTML Working Group-ja kiadta a szabvány legújabb módosított változatát a HTML5.1-et. A W3c hivatalos híre: link

Szerencsére egy-két általunk beküldött javítási kérelmet is megcsináltak. Nem volt még időm végig olvasni a változás listát, de egy-két dolog szemet szúrt, ilyen például a táblázatkezelés reformja, a canvas funkcióbővítése valamint a protokollkezelés.

Ahogy időm engedi, jelentkezek egy kerekebb cikkel és a változásokat is kipróbáljuk élőben. Addig is a következő linken tudjátok elérni a legújabb HTML5.1 Nightly leiratot. Itt pedig a hivatalos változás listát.

Blog from WordPress.org. Theme:bachelorettes wordpress themes provided by imac canada