Návrat na liště načítání: Jsou CSS3 a HTML5 nový Flash?

Dnes se chystáme trochu diskutovat o tom, jak a proč byl Flash vnímán v negativním světle a jak se můžeme vyhnout tomu, aby se po té samé cestě snesly moderní technologie, které jej nahradí.

Prozkoumejte prvky Envato

Proč nenávidíme Flash

Ať se vám to líbí nebo ne, web zapnul Flash. Bývalý chlapec plakátu na internetu se stal krokovým zrzavým dítětem, které u mnoha uživatelů vyvolává pocity naprosté nenávisti. Tento pochod byl z velké části veden Steve Jobsem a odmítnutím Apple povolit Flash na iOS, ale každý den uživatelé webu dlouho hovězí s touto technologií.

Z několika důvodů byl Flash úžasný. Umožnilo vývojářům webu přivést webové stránky na úroveň dynamiky, která byla dříve nemožná. Místo země nudných statických stránek se internet stal místem, kde byly možné skutečně pohlcující a vyloženě futuristické zážitky.

To vše ale přišlo za cenu. Se vzestupem Flash se web také stal pozoruhodně buggy a stagnujícím místem. Webové stránky Flash samozřejmě vyžadují plugin Flash, a pokud nemáte nejnovější verzi, raději jděte na to, nebo to nebude fungovat.

Pak přišly nakládací tyče. Časy načítání stránek na čistých webech Flash se exponenciálně a náhle zvyšují. „Načítání: 10%… Načítání: 11%…“ Přadleny se staly součástí našeho každodenního života.

Konečně je tu problém se stabilitou. Steve Jobs skvěle prohlásil, že většinu času, když Mac havaruje, je na vině Flash. Je to trochu nadsázka, ale jádro tvrzení naznačuje určitou pravdu. Všichni jsme zažili zmrazení související s Flash a ještě horší. Tolik, že mnoho lidí stahuje pluginy, které blokují veškerou aktivitu Flash, pokud to není ručně schváleno.

Hollywoodská moudrost

Ve filmu Jurský park, specialista na chaos Ian Malcom, poznamenává, že našel ostrov živých dinosaurů, „vaši vědci byli tak zaujati tím, zda by mohli, nebo ne, nepřestali přemýšlet, jestli by měli.“

"Vaši vědci byli tak zaujati tím, zda mohou, nebo ne, nepřestali přemýšlet, jestli by měli." -Mal Malcom

Tato citace je velmi vhodná pro vzestup Flash slávy. Vývojáři byli tak nadšení, co mohou udělat, zapomněli se zeptat, co by měli dělat. Zlepší Flash celkovou zkušenost nebo ji zhorší? Co získávám pomocí Flash a co obětuji? Bude většina mých uživatelů spokojena s rozhodnutím, která jsem učinil? Jak velká je skupina uživatelů, kteří budou chybět a jaké možnosti pro ně budu mít?

Opakující se historie

Rychlý posun dopředu. CSS3 a HTML5 dorazily, aby zachránily den. Flash je na lanech a každý den se svěží, protože vidíme ohromující nové příklady ohromujících webů vytvořených pouze pomocí CSS, HTML a JavaScript.

HTML a CSS jsou zabudovány do moderních webových prohlížečů a jsou velmi páteří Worldwide Web, jak ji známe dnes, takže možnost využít tyto technologie k vytváření dynamických stránek je skutečným snem webového designéra.

Protože však stále více vývojářů tyto technologie vybírá a začíná je natahovat až k limitům, Jurassic Park Syndrome jej začíná nastavovat. Všichni jsme tak zaujati tím, co je možné, že je snadné ztratit ze zřetele to, co je přípustné.

Stále více a více při procházení webu začínám vidět známky toho, že se blíží budoucnost podobná Flash. Časy načítání stránek se zvyšují do té míry, že „načítání“ zpráv se vrací, webové stránky se stávají zcela závislé na prohlížeči, dlouhé animace způsobují zamrznutí prohlížeče; zní povědomě?

Nechápejte mě špatně, jsem první, kdo vstal a řekl, že HTML5 a CSS3 nejsou jen budoucností webu, ale zdrojem nejlepších současných technologií. Domnívám se však, že některé rozhovory o opatrnosti jsou vhodné, pokud se chceme vyhnout scénáři typu Flash.

Ano, naše nové hračky jsou úžasné, ale pojďme se na chvíli zpomalit a před implementací si položte několik důležitých otázek.

Důležité otázky

Následuje hrubý a neúplný seznam otázek, které byste si měli položit před implementací určitých technologií nové generace na svůj web.

Je účel experimentální / vzdělávací?

Pro ty z vás, kteří jsou připraveni ukázat prstem na mě a mou týdenní nabídku technik CSS3, dostanu volnou vstupenku (není to tak pohodlné?). Mým úkolem je diskutovat nejen o současném stavu webu, ale také o nastávajících trendech a technologiích. Výsledkem je, že tento blog a další by měly zcela zkoumat a učit nové techniky, jak se objevují.

Jako jednotlivec máte také všechna práva experimentovat. Nastavení webového hřiště nebo osobního webu s experimentálními funkcemi není na škodu. Problém nastává, když jste byli najati k vytvoření webu za předpokladu, že maximální cíl kompatibility je primárním cílem. Většina společností nebude blázen tím, že vás najme, abyste vytvořili web, který je působivý pouze pro ostatní webové designéry a mírně otravuje všechny ostatní.

Co je zisk? Co je ztraceno?

Jak jsem doporučil při implementaci Flash, s jakoukoli novou nebo experimentální technologií byste měli vždy pečlivě zvážit své klady a zápory.

Je to výhoda většinou estetická podpora? Stojí to za mírný zásah do použitelnosti? Co tak velký? Přidá tato volba z pohledu průměrného uživatele, který není návrhářem, zážitek?

Řekněme například, že stavíte fantastickou animovanou rozbalovací nabídku pomocí čistého CSS3 namísto JavaScriptu, děláte to proto, že je to působivější nebo protože víte, že můžete skutečně učinit funkčnější pro více uživatelů, než kdybyste byli pryč cesta JS?

Všechno se vrací k dilematu Iana Malcoma. Pokud se ukáže, že na webu můžete vytáhnout spoustu moderního webového kouzelníka, zeptejte se sami sebe, zda byste měli .

Pokroky skutečně pomohou zefektivnit vaše stránky a učinit je ještě použitelnějšími, jindy se ocitnete s nafouknutým kódem a pomalou stránkou a zároveň máváte praporem pokroku. Buďte k sobě upřímní a rozhodněte se, kam nakreslit čáru.

Chybí některým uživatelům?

Řekněme, že chcete implementovat některé animace klíčového snímku Webkit (jedna z mých oblíbených dobrot CSS3) na klientském webu, nejprve se podíváte na svou analýzu a zjistíte, kolik uživatelů, kteří nepocházejí z Webkitu, vynecháte?

Kompatibilita prohlížečů byla před HTML5 a CSS3 hlavním problémem a nyní je jen horší. Stejná logika, kterou jsme vždy používali, však stále platí. Nezapomeňte navrhnout všechny hlavní prohlížeče. Pokud jde o mě, neměli byste se cítit špatně s implementací triků a efektů specifických pro prohlížeč, jen se ujistěte, že ostatní uživatelé mají stále solidní zážitek.

Samozřejmě mluvíme o progresivním zdokonalování. Začněte se základní linií funkčnosti a estetiky, která funguje ve všech hlavních prohlížečích, a pak přidejte speciální doplňky pro ty, kdo myslí dopředu, pomocí skutečně moderního prohlížeče.

Závěr

Abych to shrnul, absolutně miluji HTML5 a CSS3. Trávím spoustu času experimentováním a překračováním hranic toho, co jsem si myslel, že je možné. Při práci na skutečných projektech jsem však vždy opatrný, pokud jde o přelet a vytvoření webu, který nejenže vypadá, jako by byl vytvořen s programem Flash, ale také se chová!

Zanechte komentář níže a dejte nám vědět, jak přistupujete k používání nových technologií na klientských webech. Plně přijímáte HTML5 a CSS3 nebo je pouze selektivně oslovujete tam, kde lze dosáhnout skutečných vylepšení?