GitHub stawia na Canvas i JavaScript, Flash idzie do lamusa

Zwykle spór Flash - HTML5 rozpatrywany jest w kontekście wideo. Jednak we współczesnej Sieci Flash wykorzystywany jest nie tylko jako kontener dla filmów - często służy na przykład do prezentowania interaktywnych prezentacji. Czy konkurenci Flasha na tym polu są gotowi, by go w pełni zastąpić? Programiści serwisu GitHub są przekonani, że tak. Narzędzie Network Graph, wcześniej udostępniane jako flashowa aplikacja, zostało w pełni przepisane do HTML5; wykorzystuje element <canvas>.

Na łamach bloga GitHuba Tom Preston-Werner wyjaśnia, dlaczego zdecydował się w pierwszej kolejności stworzyć Network Graph we Flashu i dlaczego zdecydował się w końcu porzucić technologię Adobe. Stwierdził, że dwa lata temu dobrze znał Flasha (pracował wcześniej zawodowo z tą technologią), zaś dostępne alternatywy - canvas i SVG - były niedopracowane, powolne i źle obsługiwane przez przeglądarki.

Przez te dwa lata wiele się jednak zmieniło. Szkic specyfikacji HTML5 Canvas jest praktycznie w pełni obsługiwany przez ostatnie wersje Chrome'a, Firefoksa i Safari. Opera obsługuje canvas, ale brakuje jej wsparcia dla text API... a dla Internet Explorera można zawsze wykorzystać opensource'ową wtyczkę excanvas.

Pojawienie się na rynku iPada jest dla wielu webdeweloperów sygnałem, że czasy Flasha się kończą. Nie inaczej z ludźmi tworzącymi GitHuba. Tom Preston-Werner zdecydował się w pełni przepisać Network Grapha w JavaScripcie i HTML5. Jego analiza "opłacalności" takiego rozwiązania powinna zainteresować wszystkich, którzy zastanawiają się nad wyborem technologii do swoich złożonych graficznie aplikacji webowych.

Dlaczego więc Canvas/JavaScript jest lepszy od Flasha?

Do stworzenia aplikacji dla Canvas/JS potrzeba mniej linii kodu, mniejszy jest także plik wynikowy. Skompresowana wersja nowego Network Grapha zajmuje 25 KB, podczas gdy plik flashowy zajmował 111 KB.
Flash działa marnie na Linuksie i innych niedominujących systemach operacyjnych – a wśród użytkowników GitHuba znaczną część stanowią właśnie miłośnicy systemu spod znaku pingwina. Większość z nich korzysta z najnowszych wersji Chrome i Firefoksa, dzięki czemu mogą swobodnie cieszyć się aplikacjami w Canvas.
Debugowanie i analizowanie kodu jest dla JavaScriptu/Canvas znacznie łatwiejsze – można wykorzystać do tego Firebuga czy Web Inspectora.
Aplikacji w Canvas/JavaScripcie nie trzeba kompilować.
Aplikacje takie nie potrzebują focusu, aby przyjmować zdarzenia z klawiatury.
Canvas/JavaScript zapewnia lepszą obsługę kursora.

«poprzednia 1 2 następna »

Podoba Ci się ten tekst? Powiedz o tym innym na Fb: lub na G+:

publikuj:

wydrukuj

3 skomentuj »

Komentarze

#1 vdsv 2010-03-26 21:53:15 0
Do IE najlepszym rozwiązaniem jest Chrome Frame ;)
IP: 77.254.195.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.1.249.1042 Safari/532.5
#2 przemeko 2010-03-27 00:17:21 0
"Debugowanie i analizowanie kodu jest dla JavaScriptu/Canvas znacznie łatwiejsze"

To chyba jakis zart...
IP: 83.16.49.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.3 (KHTML, like Gecko) Chrome/5.0.356.2 Safari/533.3
#3 Peter Riley 2010-03-27 08:34:20 0
Excanvas nie jest żadną wtyczką.
IP: 83.24.105.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.2 (KHTML, like Gecko) Chrome/5.0.342.8 Safari/533.2

Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka (słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.