Kategórie →

All posts tagged HTML5

impress.js – open-source verzia Prezi

Pokiaľ ste hľadali krajšejší nástroj na prezentácie určite ste na Prezi narazili. A ak nie tak je pravdepodobné, že ste nejakú prezentáciu vytvorenú týmto nástrojom videli. V niektorých prípadoch to môže vyzerať naozaj efektne.

impress.js je voľne šíriteľná knižnica inšpirovaná práve Prezi. Je jednoduchá na pochopenie a pre zobrazenie používa moderné HTML5 a CSS3. Aj práve preto sa adekvátne zobrazuje len na prehliadačoch ako Google Chrome a Apple Safari. Firefox by mal pribudnúť čoskoro. impress.js nájdete na github.com

impress.js – open-source verzia Prezi

Krátky pohľad na Google Developer Day 2011 v Prahe

Aj keď je už dávno po tomto evente tak som k nemu tu ešte nič nenapísal. Dôvodom bol zápal mandlí, ktorý ma prepadol krátko po ňom. Ale to je momentálne nepodstatné takže späť ku Google Developer Day 2011.

Aj tento teraz sa začínalo s keynote, ktorú mal Brad Adams okrem toho, že spomínal pekné čísla tak sa venoval aj WebGL v Chrome, WebAudio API či Google+ a Hangout Apps. Potom nasledovala malá prestávka a ľudia sa rozpŕchli do jednotlivých sál.

Čítaj ďalej →

Responsive web design s MQFramework

Responsive web design je bez pochýb témou tohto roka. Hovorí sa o ňom na konferenciách o webe, ukazujú sa príklady a štúdie. Tiež si myslím, že má niečo do seba. No ako na to? Trebás s MQFramework.

MQFramework je CSS framework fungujúci cez vlastnosť media. Skladá sa z 12 stĺpcovej mriežky. Skvelým príkladom použitia je samotná domovská stránka projektu. Skúste sa s jej veľkosťou v prehliadači ponaťahovať. Mne sa tento framework veľmi páči a už pár dní sa s ním hrám – vrelo odporúčam.

Responsive web design s MQFramework

h5ai – krajší Apache index

S tej na prvý pohľad nezrozumiteľnej skratky si môžete poskladať Apache index v HTML5. Projekt h5ai si dal za cieľ generovať krajšie vylistovanie a zobrazenie súborov na web serveri Apache. A ide mu to celkom dobre.

Ak používate Apache ako file server tak po ňom určite siahnite, h5ai je celkom aktívne vyvíjaný pod MIT licenciou.

h5ai – krajší Apache index

Čítaj ďalej →

Aj Google má konvertor z Flash-u do HTML

V marci tohto roku som spomínal projekt Wallaby z dielne Adobe na konvertovanie Flash-u do HTML5. Nedávno aj Google vo svojich laboratóriách ukázal svoju víziu – Swiffi. V prípade Google ide o webové riešenie – pre plnú funkčnosť je potrebné mať prehliadač s jadrom Webkit ako je Chrome alebo Safari.

Swiffi si má poradiť s SWF 8 a ActionScript 2.0, ja za najväčiu výhodu považujem že pracuje s SWF súborom namiesto FLA ako Wallaby. Konvertovanie je dvojcestné, najprv sa generuje JSON súbor a následne na klientskej strane HTML, CSS a grafika v SVG.

Aj Google má konvertor z Flash-u do HTML

MotionCAPTCHA – neopisujte text, kreslite

MotionCAPTCHA je veľmi podarený jQuery plugin pre ochranu proti spamu. Aj keď sa tvrdí, že väčšina CAPTCHA ochrán je automaticky bez zásahu človeka prekonateľná tak sa bohato používa. A ja si neraz potrápim hlavu.

Plugin MotionCAPTCHA na to ide inak – používa HTML5 element canvas pre kreslenie nejakej línie. Ak sa podarí správne obkresliť predlohu tak je všetko v poriadku. Najlepšie to ukáže toto demo – mne sa veľmi páči myšlienka a interaktivita. Skúšal som ho na iPade a funguje výborne.

MotionCAPTCHA – neopisujte text, kreslite

HTML5 a CSS3 editor zdarma – BlueGriffon

10. mája vyšla prvá stabilná verzia WYSIWYG editora BlueGriffon. Ten je postavený na jadre Gecko, na tom istom ako Firefox 4. Zvláda editovať HTML 4, XHTML 1 a HTML5. Okrem toho aj CSS3, SVG.

Z Gecko jadra si BlueGriffon berie lne to najlepšie – rozšíriteľnosť s pluginami, napríklad podpora pre MathML či obľúbený FireFTP. Nechýba široká jazyková podpora a multiplatfomovosť. BlueGriffon je pod open soure licenciami Mozilla Public License 1.1, GNU GPL 2 a 2.1. Addony sú aj zadarmo, aj platené – momentálne sa dajú kúpiť vo výhodnom bundle. BlueGriffon stojí určite za pozornosť a vyskúšanie.

HTML5 a CSS3 editor zdarma - BlueGriffon

Čítaj ďalej →

html5awesome – galéria podarených HTML5 stránok

S príchodom HTML5 bude určite počet galérií stránok ako je html5awesome určite narastať, no momentálne ide o jednu z mála. Jej tvorcovia hovoria, že prináša odkazy len na naozaj úžasné a inovatívne weby. Nechýba radenie podľa kategórii. Určite odporúčam ako inšpiráciu.

html5awesome – galéria podarených HTML5 stránok

Kniha Pro HTML5 Programming v skratke

Minulý rok vyšla v uznávanom vydavateľstve Apress kniha Pro HTML5 Programming, ktorej autormi sú Peter Lubbers, Brian Albers a Frank Salim. Napriek tomu, že HTML5 stále nieje hotová vec je už najvyšší čas sa mu venovať.

Kniha má jedenásť kapitol, ktoré vás prevedú všetkými novinkami tohto značkovacieho jazyka. Začína zásadnými novinkami – deklarovanie DOCTYPE, nové a zastaralé elementy, sémantika a iné.

Pro HTML5 Programming

Čítaj ďalej →

mobl – nový programovací jazyk pre mobilný web

Nový programovací jazyk pre kódenie webov pre mobilné zariadenia nesie názov mobl a chce ponúknuť jednoduchší a rýchlejší spôsob ich tvorby. Skriptovanie sa veľmi podobá na JavaScript, ako IDE je použité Eclipse s pluginom.

Jazyk začal vznikať ako doktorantská práca študenta, momentálne je pod open-source licenciou. mobl generuje na strane klienta 100 percentné HTML5. Rýchle zasvätenie do syntaxe a vývoja má uľahčiť niekoľko screencastov a dokumentácia. mobl určite stojí za vyskúšanie.

Čítaj ďalej →