Flash vs. HTML5 – znajdź różnice

Wojna formatów wyświetlania interaktywnych treści w internecie wywołana przez Apple’a decyzją o niewspieraniu technologii Flash w swoich urządzeniach mobilnych prawie nikogo nie pozostawia obojętnym. Każdy ma swoje zdanie na ten temat: dla jednych to zamach na wolność internetu, dla innych walka o pełną kontrolę nad treściami wyświetlanymi na urządzeniach komputerowych, podczas gdy dla jeszcze innych nadzieja na wybawienie od szczególnie uciążliwej i obciążającej procesor i baterie przestarzałej technologii.

W wojnie formatów Flash vs HTML5 do ugrania jest niezwykle dużo – miliony dolarów z przepływu pieniądza dzięki reklamom i płatnym treściom wideo oraz informacja na temat globalnych preferencji użytkowników internetu. Dotychczasowym hegemonem był/jest Adobe i jego technologia Flash. To w tym formacie kodowanych jest ponad 2/3 wszystkich interaktywnych treści w sieci.

Nie łatwo jest zmieniać status-quo, szczególnie wtedy, kiedy umocowany jest on tak twardo jak Flash na komputerach użytkowników. Wtyczka technologii Flash rezyduje przecież na zdecydowanej większości komputerów w użyciu, których użytkownicy nie zdają sobie nawet z tego sprawy… dopóki przeglądarka przestanie reagować na polecenia. No, chyba że jest się komputerowym geekiem, który instaluje dodatkowe wtyczki blokujące wyświetlanie się interaktywnych treści w technologii Flash. Te treści to przecież w głównej mierze reklamy.

Obrońcy produktu Adobe zwracają jednak uwagę na brak zaawansowanych technologicznie rozwiązań HTML5/CSS3, które dorównywałyby jakością tym znanym z Flasha. Czy jednak tak jest w rzeczywistości? Warto przekonać się samemu rozwiązując mały quiz na stronach Sencha, firmy specjalizującej się w przygotowywaniu aplikacji typu web. Quiz jest banalnie prosty – prezentowane są te same interaktywne reklamy przygotowane albo w technologii Flash albo w HTML5/CSS3. Zadaniem biorącego udział w quizie jest odpowiedź na pytanie, która reklama została przygotowana we Flashu, a która w HTML5… (przed wzięciem udziału w quizie proszę wyłączyć adblocki…).

(teraz rozwiąż test na Sencha i wróć do Spider’s Web)

Mówiąc otwartym tekstem – reklamy wyglądają identycznie i nie sposób odróżnić, które zostały przygotowane we Flashu, a które w HTML5. Zainteresowanych technicznym aspektem ekspozycji odsyłam do stosownego wpisu na blogu firmy Sencha, gdzie opisano cały proces produkcji reklam w obu technologiach.

Ten mały quiz udowadnia jedno – narzędzia HTML5 już dziś umożliwiają produkcję prostych reklam, które w żadnej mierze nie odbiegają jakością od tym przygotowanym we Flashu. Niesie to za sobą poważne reperkusje. Po pierwsze, to sygnał dla reklamodawców, że nie są skazani na Flasha i coraz większą liczbę osób, które go skutecznie blokują. Po drugie, to sygnał dla tych użytkowników internetu, którzy nie lubią nachalnych reklam – im szybciej branża reklamowa dostrzeże niewątpliwy potencjał HTML5, tym wyłączyć reklam na ekranie komputera będzie trudniej. Po trzecie i chyba najważniejsze, to sygnał dla deweloperów oprogramowania komputerowego – HTML5 już dziś daje dokładnie takie same efekty co Flash, a jest od niego znacznie lżejszy (bo rezydujący w przeglądarce, a nie na urządzeniu), tańszy (żadnych dodatkowych wtyczek, narzędzi) oraz mniej inwazyjny dla komputerów.

Stąd już tylko krok do tego co chce Apple – internetu bez Flasha.

Strona tego bloga

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

publikuj:

wydrukuj

13 skomentuj »

Komentarze

#1 Elektryk^® 2010-07-26 12:05:06 0
Nie sposób odróżnić? Wystarczy najechać myszką na tekst. :D (joke, wiem, że nie o to biega)
IP: 93.179.208.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.3 (KHTML, like Gecko) Chrome/6.0.472.0 Safari/534.3
#2 Yevaud 2010-07-26 12:51:16 1
HTML5 tanszy bo nie wymaga wtyczek i nie ma do niego narzedzi ? autor chyba na glowe upadl :) Developczenie aplikacji w html5 jest wielokrotnie drozsze wlasnie z tego powodu ze nie ma do niego dobrych narzedzi i nie jest to wtyczka, wiec kazda przegladarka obsluguje jak jej podejdzie...

Ten maly quiz udowadnia tylko ze html5 ma ten sam potencjal jak flash i nic wiecej. Dopoki ktos taki jak adobe nie zrobi do niego dobrych narzedzi to html5 bedzie siedzial w niszy "dla programistow" obok js
IP: 85.222.122.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.7) Gecko/20100716 Ubuntu/10.04 (lucid) Firefox/3.6.7
#3 JiW 2010-07-26 13:11:02 0
Cóż, kto pamięta jaka była padaka kiedy Netscape Navigator walczył z młodym MSIE?

HTML5+CSS3 jest interpretowany w przeglądarce i ma prawo

wyglądać, hmmm, różnie. A "słuszne" wtyczki do flasha robi jedna firma,

więc aż takich problemów nie będzie.

Raczej powinno się wrócić do

starej, sprawdzonej metody: reklama we flash a pod nią "zapasowa",

uproszczona w HTML5 dla "adblokersów" :)
IP: 77.255.48.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
#4 eimi^® 2010-07-26 13:22:49 0
Ano, brak narzędzi dla DESIGNERÓW dla HTML5/CSS3 całkowicie skreśla konkurencję Flasha w świecie reklamowym. Autor powinien sam spróbować zrobić interaktywną reklamę na komercyjnym poziomie w JS i CSS3, zobaczyć ile to czasu zajęło, a potem porównać to z możliwościami jakie daje Flash i narzędzia Adobe.

Tajemnica jest prosta: to ludzki czas kosztuje, a nie narzędzia. Creative Studio kupujesz raz na kilka lat, grafikowi dobremu musisz dobrze zapłacić co miesiąc - i jeszcze go przy tym nie drażnić nieznanymi mu narzędziami, bo będzie miał zły humor i się obrazi. I co wtedy?
IP: 95.160.206.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#5 slawek22 2010-07-26 14:25:24 0
Lol co za stek bzdur. Znajdź różnicę? W czym. W jednym prostym efekcie animacji, tzn. przesunięciu bloku tekstu o 10 px w lewo?

To znajdźmy różnicę. Wersja flash działa wszędzie, zajęła 20x mniej czasu, żeby ją stworzyć, ma ładniejszy rendering czcionek (które się renderują tak samo dobrze wszędzie) i do stworzenia wymaga pokemona z gimnazjum a nie webdevelopera z 3 latami doświadczenia. Któremu trzeba zapłacić kilka razy więcej niż designerowi tworzącemu takie reklamy w flashu (znaczy takich designerów nawet nie ma, bo jeśli ktoś stworzyłby taki AD to by go dzisiaj wyśmiali i odesłali do przedszkola).

To ma być "reklama"? To mają być "możliwości flasha"? Przesunięcie czerwonej strzałki o 5 pixeli w prawo? Autor to albo idiota albo sobie kpi. Takie same efekty można było osiągnąć w IE6 20 lat temu, przy wykorzystaniu paru linijek JS.

Ten mały quiz udowadnia jedno – narzędzia HTML5 już dziś umożliwiają produkcję prostych reklam, które w żadnej mierze nie odbiegają jakością od tym przygotowanym we Flashu.

Czy autor widział KIEDYKOLWIEK reklamę we flashu? Śmiem twierdzić, że nie. Proponuję wejść na jakikolwiek portal i się douczyć.

tańszy (żadnych dodatkowych wtyczek, narzędzi) oraz mniej inwazyjny dla komputerów.

Tańszy? Człowieku, czyś ty kiedykolwiek widział choć kawałek skryptu JS i narzędzie do authoringu Flasha? Płacisz za to grosze a każdy idiota po 2 dniach szkolenia może tworzyć takie "reklamy" jak tu zaprezentowano.

Po trzecie i chyba najważniejsze, to sygnał dla deweloperów oprogramowania komputerowego– HTML5 już dziś daje dokładnie takie same efekty co Flash,

O jezu, myślałem, że na webhosting jest jakaś selekcja. Może by wypadało żeby ludzie nie pisali totalnych bzdur na tematy o których nie mają pojęcia.

Może niech ktoś arty chociaż pobieżnie przejrzy zanim fanboye z klapkami na oczach całkowicie się ośmieszą.

Autor zamiast pisać głupoty niech sam spróbuje zrobić taką "reklamę". W lepszym & tańszym HTML. Potem niech sobie zobaczy porządną reklamę na "dzisiejszym" poziomie, np. home.pl na górze strony i ją spróbuje sklonować.
IP: 83.22.178.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#6 css3.pl 2010-07-26 17:20:16 0
Nie widzę sensu zastępowania Flasha technologiami takimi jak HTML5 i CSS3. Według mnie jeśli już, to w przyszłości SVG byłby w stanie zastąpić Flasha, przejście z Flash do SVG byłoby o wiele prostsze, to i to jest wektorem. Flash świetnie nadaje się do tworzenia banerów reklamowych i reklam i niech tak zostanie zaś HTML5 i CSS3 nie jest pomyślany do tych celów.
IP: 82.160.211.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
#7 KrzaQ 2010-07-27 01:28:18 0
Nie sposób odróżnić? Jest to banalnie proste, i bynajmniej nie mówię o klikaniu prawym klawiszem w reklamę. 100% skuteczności w odróżnianiu z mojej strony.
IP: 89.78.146.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
#8 Mar 2010-07-27 11:27:58 0
Nawet bez najazdu poznałem która to która.

Po za tym udowadniamy że jak się na maksa spniemy to takie cos w html + css zrobimy ale nie zapiminajmy ze dla technologii flash to robota przed śniadankiem a to co można w niej osiągnąć daleko w tyle zostawia resztę.

To tak jak by porównać paint z photosop a w teście zrobić kolorowanie kwadracika - oczywiście ze oba sobie poradzą tylko pytanie co może paint (html) a photosop(flash)

Żenujące porównanie
IP: 91.206.244.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 GTB7.1
#9 Mar 2010-07-27 11:33:47 0
>>>>> "HTML5 już dziś daje dokładnie takie same efekty co Flash"

heheheheh co za bzdury !!!!!

Prosze tylko oby młode pokolenie nie kształciło się czytając takie bzdury w internecie.

Zainteresowanych zapraszam na www.thefwa.com

Tam sami odpowiecie sobie na pytanie czy html5 dogonił flash. !!!!!!!!!!!!!!!!!!
IP: 91.206.244.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 GTB7.1
#10 slawek22 2010-07-27 11:52:44 0
Dodatkowo ta przepiękna sonda "czy nadchodzi schyłek technologii flash".

"tak, to przestarzała platforma, czas na zmiany"

Nie no przypomina to marudzenie słitaśnego pokemona. Różowe kozaczki już mi się znudziły - czas na zmiany.

Najnowsza wersja platformy z kwietnia 2010. Nie no sorry co za kretyn zajmuje się tu pisaniem o flashu. Tą "przestarzałą" platformę ma zastąpić niby co? HTMLv5. Faktycznie jest "mniej przestarzały" bo ciągle się o nim gada a implementacji nie ma, więc nawet technologia którą zaimplementowano wczoraj jest wedle tego przestarzała.

Wiem, że portal nazywa się webhosting a nie wedbeveloping ale te bzdety które wypisujecie ostatnimi czasy o flashu to taki stek bzdur że człowiek o inteligencji przekraczającej IQ małpy czytając to czuje jedynie zażenowanie.

>Prosze tylko oby młode pokolenie nie kształciło się

>czytając takie bzdury w internecie.

Już teraz 95% osób tnących layouty myśli, że pisze w XHTML-u przez bzdury wypisywane w gazetach. Za niedługo przez te bzdury klienci będą się domagali umieszczania reklam w JS. Będzie zajebiaszczo, kiedy kod każdej reklamy będzie musiał przed publikacją analizować koder (żeby np. stwierdzić, czy nie wyciąga ciastek / sesji).
IP: 83.29.77.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#11 eimi^® 2010-07-27 11:58:03 0
@Sławek:teksty Spiders' Web są tu gościnnie i redakcja wcale się z nimi nie musi zgadzać.
IP: 95.160.206.[...] Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#12 Mar 2010-07-27 11:58:24 0
Muszę jeszcze jedno wtrącić bo ten art. to totalna żenada i ręce opadają

odnośnie :

>>>>>>> .... "Po pierwsze, to sygnał dla reklamodawców, że nie są skazani na Flasha i coraz większą liczbę osób, które go skutecznie blokują"

Po primo - czy któryś z projektantów powiedział by że jest skazany na flash ? czy raczej dzięki technologii i narzędziom od Adobe zbawiony. Nie chce przeginać ale nie ma wygodniejszego sposobu ba bardzo elastyczne reklamy niż flash od Adobe.

(pomijam silverligh bo to nie ta walka - dla niewtajemniczonych to silverlight jest technologią analogiczną do flash po stronie Microsoft, warto zajrzeć jeszcze na favaFx od firmy sun obecnie Oracle )

Po sekundo :) tak szybko odpowiem jak nie reklamy we flash to reklamy w html5 , jak nie flashblock to html5block :) do czego zmierzam to reklama wkurza anie technologia , taka rola reklamy

I proszę przestańmy pisać takie bzdury w internecie !!!

ponownie odsyłam na www.thefwa.com
IP: 91.206.244.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 GTB7.1
#13 slawek22 2010-07-27 12:55:28 0
@Eimi: to cieszy. Dobrze, że nikt w redakcji nie autoryzował tych głupot.

>>Web są tu gościnnie i redakcja wcale się z nimi nie musi

>>zgadzać.

Ja bym tych wypocin nie rozpatrywał w kategorii zgadzać / nie zgadzać. Przesunięcie prostokąta o 10 pixeli w prawo czy w lewo to "technologia o możliwościach flasha"?

Przecież to co tu napisano to taki stek bzdur, że nawet nie można się do tego odnieść. Można to jedynie potraktować w kategoriach trollowania na forum onetu.

Porównanie Mar "paint ma te same możliwości co photoshop, patrz - czerwony prostokąt - taki sam" jest tu jak najbardziej adekwatne.

Po prostu dobry sieciowy standard mieszany z błotem i niszczony przez idiotę Jobsa i 10 tysięcy internetowych trolli które powtórzą wszystko co powie. W tym idiotycznym artykule brakuje jedynie peanów pisanych na temat nie działającego na dzień dzisiejszy w żadnej przeglądarce tagu VIDEO. Smutne.
IP: 83.29.77.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4

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.