Rückkehr der Ladeleiste: Sind CSS3 und HTML5 der neue Flash?

Heute werden wir ein wenig darüber diskutieren, wie und warum Flash in einem negativen Licht gesehen wurde und wie wir vermeiden können, denselben Weg zu gehen, wenn die modernen Technologien ihn ersetzen.

Entdecken Sie Envato-Elemente

Warum wir Flash hassen

Ob es Ihnen gefällt oder nicht, das Web hat Flash aktiviert. Der ehemalige Internet-Aushängeschildjunge ist zu einem rothaarigen Stiefkind geworden, das bei vielen Nutzern Gefühle des völligen Hasses hervorruft. Dieser Marsch wurde größtenteils von Steve Jobs und Apples Weigerung angeführt, Flash unter iOS zuzulassen, aber jeden Tag haben Webbenutzer lange Zeit ein Problem mit der Technologie.

Aus mehreren Gründen war Flash erstaunlich. Es ermöglichte Webentwicklern, Websites auf ein bisher unmögliches Maß an Dynamik zu bringen. Anstelle eines Landes langweiliger statischer Seiten wurde das Internet zu einem Ort, an dem wirklich eindringliche und geradezu futuristische Erlebnisse möglich waren.

Dies alles hatte jedoch einen Preis. Mit dem Aufstieg von Flash wurde das Web auch zu einem bemerkenswert fehlerhaften und trägen Ort. Für Flash-Websites ist natürlich das Flash-Plugin erforderlich. Wenn Sie nicht über die neueste Version verfügen, sollten Sie diese herunterladen, da dies sonst nicht funktioniert.

Dann kamen die Ladestangen. Die Ladezeiten von Seiten auf reinen Flash-Sites nehmen exponentiell zu und plötzlich wurden „Laden: 10%… Laden: 11%…“ Spinner zu einem Teil unseres täglichen Lebens.

Schließlich gibt es das Problem der Stabilität. Steve Jobs gab bekanntlich an, dass die meiste Zeit, wenn Macs abstürzen, Flash schuld ist. Dies ist ein bisschen übertrieben, aber der Kern der Aussage deutet auf eine Wahrheit hin. Wir haben alle Flash-bedingte Einfrierungen und Schlimmeres erlebt. So sehr, dass viele Leute Plugins herunterladen, die alle Flash-Aktivitäten blockieren, sofern sie nicht manuell genehmigt werden.

Hollywood Weisheit

In dem Film Jurassic Park bemerkt der Chaos-Spezialist Ian Malcom bei der Suche nach einer Insel lebender Dinosaurier: „Ihre Wissenschaftler waren so sehr damit beschäftigt, ob sie könnten oder nicht, dass sie nicht aufhörten zu überlegen, ob sie sollten.“

"Ihre Wissenschaftler waren so beschäftigt, ob sie konnten oder nicht, dass sie nicht aufhörten zu überlegen, ob sie sollten." -Ian Malcom

Dieses Zitat ist sehr passend für Flashs Aufstieg zum Ruhm. Die Entwickler waren so begeistert, was sie tun konnten, dass sie vergaßen zu fragen, was sie tun sollten . Wird Flash das Gesamterlebnis verbessern oder verschlechtern? Was gewinne ich mit Flash und was opfere ich? Wird die Mehrheit meiner Benutzer mit den von mir getroffenen Entscheidungen zufrieden sein? Wie groß ist der Pool an Benutzern, die es verpassen werden und welche Optionen habe ich für sie?

Geschichte wiederholen

Schneller Vorlauf bis jetzt. CSS3 und HTML5 sind eingetroffen, um den Tag zu retten. Flash ist in den Seilen und wird jeden Tag neu aufgelegt, da wir atemberaubende neue Beispiele für erstaunliche Websites sehen, die nur mit CSS, HTML und JavaScript erstellt wurden.

HTML und CSS sind in moderne Webbrowser integriert und bilden das Rückgrat des World Wide Web, wie wir es heute kennen. Die Verwendung dieser Technologien zum Erstellen dynamischer Seiten ist der Traum eines Webdesigners.

Da jedoch immer mehr Entwickler diese Technologien aufgreifen und an ihre Grenzen bringen, beginnt das Jurassic Park-Syndrom, sie festzulegen. Wir alle sind so sehr mit dem beschäftigt, was möglich ist, dass man leicht aus den Augen verliert, was zulässig ist.

Während ich im Internet surfe, sehe ich immer mehr Anzeichen dafür, dass sich eine Flash-ähnliche Zukunft nähert. Die Ladezeiten von Seiten nehmen so weit zu, dass das Laden von Nachrichten ein Comeback feiert, Webseiten ziemlich browserabhängig werden und lange Animationen das Einfrieren des Browsers verursachen. klingt bekannt?

Versteh mich nicht falsch, ich bin der erste, der aufsteht und sagt, dass HTML5 und CSS3 nicht nur die Zukunft des Webs sind, sondern auch die Quelle der besten aktuellen Technologien. Ich denke jedoch, dass einige Gespräche über Vorsicht angebracht sind, um ein Flash-ähnliches Szenario zu vermeiden.

Ja, unsere neuen Spielzeuge sind fantastisch, aber lassen Sie uns eine Minute langsamer fahren und uns vor der Implementierung einige wichtige Fragen stellen.

Wichtige Fragen

Im Folgenden finden Sie eine grobe und unvollständige Liste von Fragen, die Sie sich stellen sollten, bevor Sie bestimmte Technologien der nächsten Generation auf Ihrer Website implementieren.

Ist der Zweck experimentell / lehrreich?

Für diejenigen unter Ihnen, die bereit sind, mit dem Finger auf mich und mein wöchentliches Angebot an CSS3-Techniken zu zeigen, bekomme ich eine Freikarte (ist das nicht praktisch?). Es ist meine Aufgabe, nicht nur den aktuellen Stand des Webs, sondern auch die kommenden Trends und Technologien zu diskutieren. Infolgedessen sollten dieser und andere Blogs unbedingt neue Techniken erforschen und lehren, sobald sie entstehen.

Als Einzelperson haben Sie auch das Recht zu experimentieren. Es schadet nicht, einen Web-Spielplatz oder eine persönliche Website mit experimentellen Funktionen einzurichten. Das Problem tritt auf, wenn Sie mit der Erstellung einer Website unter der Annahme beauftragt wurden, dass maximale Benutzerkompatibilität ein vorrangiges Ziel ist. Die meisten Unternehmen werden nicht verrückt danach sein, Sie einzustellen, um eine Website zu erstellen, die nur für andere Webdesigner beeindruckend und für alle anderen etwas ärgerlich ist.

Was wird gewonnen? Was ist verloren?

Genau wie ich es bei der Implementierung von Flash empfohlen habe, sollten Sie bei jeder neuen oder experimentellen Technologie Ihre Vor- und Nachteile immer sorgfältig abwägen.

Ist der Nutzen hauptsächlich ein ästhetischer Schub? Lohnt sich eine leichte Beeinträchtigung der Benutzerfreundlichkeit? Wie wäre es mit einem großen? Wird diese Auswahl aus der Sicht eines durchschnittlichen Nicht-Designer-Benutzers die Erfahrung ergänzen oder beeinträchtigen?

Nehmen wir zum Beispiel an, Sie erstellen ein ausgefallenes animiertes Dropdown-Menü mit reinem CSS3 anstelle von JavaScript. Tun Sie dies, weil es beeindruckender ist oder weil Sie wissen, dass Sie es für mehr Benutzer wirklich funktionaler machen können, als wenn Sie gegangen wären die JS Route?

Es kommt alles auf Ian Malcoms Dilemma zurück. Wenn sich herausstellt, dass Sie auf einer Website eine Reihe moderner Web-Zauberer ausführen können, fragen Sie sich immer, ob Sie dies tun sollten .

Manchmal helfen die Fortschritte tatsächlich dabei, Ihre Website zu optimieren und sie noch benutzerfreundlicher zu machen, manchmal finden Sie sich mit aufgeblähtem Code und einer langsamen Seite wieder, während Sie Ihr Banner des Fortschritts schwenken. Seien Sie einfach ehrlich zu sich selbst und entscheiden Sie, wo Sie die Grenze ziehen möchten.

Werden Benutzer etwas verpassen?

Angenommen, Sie möchten einige Webkit-Keyframe-Animationen (eine meiner Lieblings-CSS3-Extras) auf einer Client-Site implementieren. Sehen Sie sich zunächst Ihre Analysen an, um festzustellen, wie viele Nicht-Webkit-Benutzer Sie auslassen werden.

Die Browserkompatibilität war vor HTML5 und CSS3 ein großes Problem und ist jetzt nur noch schlimmer. Die gleiche Logik, die wir immer verwendet haben, gilt jedoch weiterhin. Stellen Sie sicher, dass Sie alle wichtigen Browser im Auge behalten. Meiner Meinung nach sollten Sie sich nicht schlecht fühlen, wenn Sie browserspezifische Tricks und Effekte implementieren. Stellen Sie nur sicher, dass andere Benutzer immer noch eine solide Erfahrung haben.

Offensichtlich sprechen wir über progressive Verbesserung. Beginnen Sie mit einer Grundlinie von Funktionalität und Ästhetik, die in allen gängigen Browsern funktioniert, und fügen Sie dann spezielle Extras für zukunftsorientierte Personen hinzu, die einen wirklich modernen Browser verwenden.

Fazit

Zusammenfassend liebe ich HTML5 und CSS3. Ich verbringe viel Zeit damit, zu experimentieren und die Grenzen dessen zu erweitern, was ich vorher für möglich gehalten hatte. Wenn ich jedoch an echten Projekten arbeite, bin ich immer vorsichtig, wenn ich über Bord gehe und eine Site erstelle, die nicht nur so aussieht, als wäre sie mit Flash erstellt worden, sondern sich auch so verhält!

Hinterlassen Sie unten einen Kommentar und teilen Sie uns mit, wie Sie mit dem Einsatz neuer Technologien auf Kundenstandorten umgehen. Akzeptieren Sie HTML5 und CSS3 voll und ganz oder sprechen Sie sie nur selektiv an, wo echte Verbesserungen vorgenommen werden können?