Zastanawiałeś się kiedyś nad możliwościami które oferuje HTML5? Harmony to aplikacja wykorzystująca HTML5 oraz JavaScript, dzięki niej możesz w kilka minut stworzyć obraz przy użyciu kilku pędzli. Dla mnie osobiście to coś pokroju magii, bo pierwszy raz się z tym spotkałem.
Autorem aplikacji jest Ricardo Cabello programista i projektant eksperymentujący z HTML5 i JavaScriptem. Setki internautów już wykorzystują aplikację dzieląc się własnymi dziełami i opiniami w komentarzach na blogu twórcy. Aplikacja niestety nie działa na każdym systemie. W przypadku najnowszego Firefoksa na Windowsie wszystko działa poprawnie.
Adres aplikacji: mrdoob.com/projects/harmony/
To jeszcze troche a przede wszystkim łatwości pisania w tym języku i powstanie realny rywal flasha 🙂
W HTML5 pisze się tak samo łatwo/trudno jak w HTML4. Całą "magię" robi javascript, a tutaj z kolei podobnie wygląda programowanie jak dla flasha. actionscript oraz javascript to ta sama rodzina języków: ECMAScript
HTML5 konkuruje z Flash na wielu płaszczyznach ale na paru przebija go na głowę:
~ udostępnienie treści wyszukiwarkom (mission imposible z flashem)
~ tryb "off line" bez przerywania pracy "aplikacji" internetowych
osobiście myślę, że obie technologie na początku znajdą swoje zastosowania i będą nieraz współżyły nawet na tych samych stronach.
niestety html5 w połączeniu z javascriptem ma jedną wadę: wydajność.
o ile na mocnym sprzęcie tego nie widać, tak na słabym (i to wcale nie bardzo słabym, powiedzmy sprzed 5 lat) kompie potrafi solidnie zamulić.
nie przejmowałbym się jednak tym zbytnio. zanim html5 się rozpowszechni (tzn wymrą przestarzałe przeglądarki, bądz ich użytkownicy ;)), to minie trochę czasu.
Bo flash to niby nie ma problemów z wydajnością? Niejednokrotnie źle reklamy we flashu powodowały u mnie znaczący spadek wydajności…
w przypadku reklam flashowych, obciążenie nie wynika z technologi (tj. flasha), tylko z fatalnych umiejętności programistycznych twórców flasha (nieskończone pętle, algorytmy nawet nie ocierające się o optymalność itp)… reklamy robią graficy, a nie programiści
Oczywiście javascript'em można tak samo dobić przeglądarkę/komputer użytkownika
http://roflcopter.pl/rofls/3191
Przed chwilą znalezione. ;d
prawdziwy pokaz możliwości html5 http://mugtug.com/sketchpad/
gdy zobaczyłem pierwszy raz byłem w ciężkim szoku.
dokładnie właśnie miałem o tym pisać. Co ciekawe rysuje szybciej niż desktopowe aplikacje.
Co ciekawe, wcale to nie muli, nawet w Firefoksie na Linuksie który jest uważany za ciężki i mulasty…
Uważany bezpodstawnie. Jedna wersja była wolniejsza, bo wersje Windowsowe kompilowano z inną flagą i tak powstał mit.
no bo renderuje tak samo, ale interfejs działa wolniej o czym już wielokrotnie pisałem, dlaczego tak jest tez pisałem, ale wystarczy poczytać w jaki sposób jest to załatwione na linuksie by stwierdzić, że nie może to być szybkie.
aaa ma nieco racji bo zazwyczaj nie narzekam na to jak działa Firefox pod Linuksem ale jeżeli ktoś źle przygotował paczkę to Firefox naprawdę może zamulać.
To nie kwestia przygotowania paczki. Interfejs Firefoksa po prostu zamula pod Linuksem na każdym distro.
No to też jestem w pozytywnym szoku – stary laptop z 2000 roku z ArchLinuxem na pokładzie i Midori na WebKit jako przeglądarką: Efekt – 0 przycięć, pełna płynna praca, szybciej niż można się spodziewać we Falshu.
@wujek_bogdan – czemu ta strona, do której dałeś linka (mugtug), jest przykładem możliwości HTML5 skoro to jest niepoprawny "XHTML 1.0 Transitional"? Powinno tam być na początku "".
Bo jest pokazem możliwości HTML5 a nie XHTML1 i dlatego powinna być poprawnym HTML5 a niekoniecznie poprawnym XHTML1?
A czy doctype jest najważniejszy? czy doctype świadczy o tym jakiej technologii użyto? Można w ogóle z doctype zrezygnować i nic strasznego się nie stanie 😉
btw, w html5 doctype powinien wyglądać tak:
<!DOCTYPE html>
polecam: http://kurs.browsehappy.pl/HTML/Doctype
@wujek_bogdan – doctype jest ważny, bo informuje o typie zawartości dokumentu (jak sama nazwa wskazuje). Jeśli zatem ten mugtug ma stronę typu XHTML1, to właśnie tak jest. A to, że posiada elementy typu "canvas", to znaczy że mają tam śmietnik. Taki śmietnik NIGDY nie jest zgodny ze standardami i nie powinien być dopuszczalny w społeczeństwie informacyjnym.
oczywiście, że nie jest zgodny, ale nie zmienia to faktu, ze użyto tam html5.
poza tym html5 nie jest jeszcze standardem, bo standard jeszcze nie powstał, więc tym bardziej dokument nie może być z nim zgodny 🙂
Dlaczego takie DOCTYPE, skoro to HTML5? Czy to nie jest bardziej pokaz co potrafi JS?
Sorki za wyrażenie, ale pierwsze co mi przyszło do głowy to "Oż kur**" – w sensie pozytywnym 🙂
Narysowałem coś, dałem "SAVE", skopiowałem linka i wkleiłem koledze na Kadu.
Okazało się, że zacząłem go spamować setkami tysięcy znaków, z których składał się adres obrazka.
Bo on generuje base64 obrazka. Normalnie to sie daje wtedy zapisz plik w przeglądarce internetowej, tym tworzysz plik końcowy na Twoim komputerze…
"Dla mnie osobiście to coś pokroju magi".
Tej przyprawy? Poza tym Autor w ogóle nie używa przecinków. Tragedia.
U mnie poszło na lennym:
http://yfrog.com/55201003161415441280x800sp
Jak widać, nie tylko na Windowsie wszystko śmiga ;p
http://html5demos.com/ http://www.canvasdemos.com/
Jak tak patrze na te aplikacje w javascript+html5 do tego jak dojdzie jeszcze webgl itp to wdaje mi się ze googlowy chromeOS to jednak nie był taki chory pomysł(tylko jeszcze problem z szybkim netem wszędzie … ).
W źródle jest jeden wielki javascript, czy tak ma wyglądać przyszłość htmla?
w źródle jest jeden wielki actionscript – czy tak ma wygladac przyszlosc flasha?
HTML możemy rozumieć jako "dokument" sam w sobie (myślimy o ładnie sformatowanym tekście) albo jako część "programu", tzn. jako dynamiczną drzewiastą hierarchię elementów objętą sterowaniem JS. Jak scena 3D (struktury danych) w grze. Akurat w tym przykładzie strona lecąca do użytkownika jest 100% aplikacją, do tego mocno opartą na kanwie graficznej, więc nie powinno dziwić drugie podejście. gorzej będzie gdy zacznie się przesadna orgia JS, tzn. psucie dostępności, bezpieczeństwa, SEO, wydajności.
Ale co nas obchodzą koderzy i projektanci partacze oraz klienci kutwy? Ważne, że doszły nowe możliwości 🙂
@A
już tak wygląda. Zobacz jak wyglądają strony używające jQuery i innych javascriptowych bibliotek.
Ubuntu 9.10, Opera 10.10 – działa wyśmienicie.
No pewnie że działa, a co to na Linuksa nie ma silników obsługujących JS? 😉
Nice site, great post thanks
Very good Thank you
herbalife izmir herbalife istanbul herbalife iş cantasi herbalife fiyat herbalife ürünleri herbalife ankara herbalife satiş
Html 5 sure is great and easy to use !
thanky you
think this post was probably a strong starting to some possible series of content articles about this subject. So many users pretend to know what they are preaching about when it comes to this area and generally, nearly no 1 actually get it. You appear to grasp it however, so I believe you need to run with it. Thank you!
/
tahanks
very very good thankyou
TML możemy rozumieć jako "dokument" sam w sobie (myślimy o ładnie sformatowanym tekście) albo jako część "programu", tzn. jako dynamiczną drzewiastą hierarchię elementów objętą sterowaniem JS. Jak scena 3D (struktury danych) w grze. Akurat w tym przykładzie strona lecąca do użytkownika jest 100% aplikacją, do tego mocno opartą na kanwie graficznej, więc nie powinno dziwić drugie podejście. gorzej będzie gdy zacznie się przesadna orgia JS, tzn. psucie dostępności, bezpieczeństwa, SEO, wydajności.
Ale co nas obchodzą koderzy i projektanci partacze oraz klienci kutwy? Ważne, że doszły nowe możliwości 🙂
TML możemy rozumieć jako "dokument" sam w sobie (myślimy o ładnie sformatowanym tekście) albo jako część "programu", tzn. jako dynamiczną drzewiastą hierarchię elementów objętą sterowaniem JS. Jak scena 3D (struktury danych) w grze. Akurat w tym przykładzie strona lecąca do użytkownika jest 100% aplikacją, do tego mocno opartą na kanwie graficznej, więc nie powinno dziwić drugie podejście. gorzej będzie gdy zacznie się przesadna orgia JS, tzn. psucie dostępności, bezpieczeństwa, SEO, wydajności.
herbalpazar, herbalife ve kilo kontrol ürünleri ile sağlıklı kilo kontrolü
ak tak patrze na te aplikacje w javascript+html5 do tego jak dojdzie jeszcze webgl itp to wdaje mi się ze googlowy chromeOS to jednak nie był taki chory pomysł(tylko jeszcze problem z szybkim netem wszędzie … ).
Zgłoś
ak tak patrze na te aplikacje w javascript+html5 do tego jak dojdzie jeszcze webgl itp to wdaje mi się ze googlowy chromeOS to jednak nie był taki chory pomysł(tylko jeszcze problem z szybkim netem wszędzie … ).
Good website.i love this post.Thank you..
ak tak patrze na te aplikacje w javascript+html5 do tego jak dojdzie jeszcze webgl itp to wdaje mi się ze googlowy chromeOS to jednak nie był taki chory pomysł(tylko jeszcze problem z szybkim netem wszędzie … ).
Zgłoś
Co ciekawe, wcale to nie muli, nawet w Firefoksie na Linuksie który jest uważany za ciężki i mulasty…
< Herbalife Co ciekawe, wcale to nie muli, nawet w Firefoksie na Linuksie który jest uważany za ciężki i mulasty…
thank you admin
very good thanks
Nice site, great post thx
Very nice post, thanks ! Great site 😉
Nice post, thanks !
so great article thanks
nice post, thanks
thank you for that post nice great blog
Super article ! Merci