Rückkehr der Ladebalken Sind CSS3 und HTML5 das neue Flash?

Heute werden wir ein wenig darüber diskutieren, wie und warum Flash negativ beurteilt wurde und wie wir es vermeiden können, den gleichen Weg zu gehen, wenn moderne Technologien ihn ersetzen.

Warum wir Flash hassen

Ob es dem gefällt oder nicht, das Internet hat Flash aktiviert. Der ehemalige Internetposter hat sich zu einem rothaarigen Stiefkind entwickelt, das bei vielen Nutzern Gefühle des Hasses auslöst. Dieser Marsch wurde größtenteils von Steve Jobs und Apples Weigerung, Flash für iOS zuzulassen, angeführt, aber Webbenutzer hatten jeden Tag schon lange ein Rindfleisch mit der Technologie.

Flash war aus verschiedenen Gründen erstaunlich. Es ermöglichte Webentwicklern, Websites auf eine Dynamik zu bringen, die zuvor unmöglich war. Anstelle eines Landes langweiliger statischer Seiten wurde das Internet zu einem Ort, an dem wahrhaft immersive und geradezu futuristische Erfahrungen möglich wurden.

Das alles hatte einen Preis. Mit dem Aufkommen von Flash wurde das Web zu einem bemerkenswert fehlerhaften und schleppenden Ort. Für Flash-Websites ist natürlich das Flash-Plugin erforderlich. Wenn Sie nicht über die neueste Version verfügen, sollten Sie es besser erwerben oder das Ding funktioniert nicht.

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

Schließlich gibt es das Problem der Stabilität. Steve Jobs gab bekanntlich an, dass Flash meistens beim Absturz von Macs schuld ist. Dies ist ein bisschen übertrieben, aber der Kern der Aussage deutet auf etwas Wahres hin. Wir alle haben Flash-Einfrieren und Schlimmeres erlebt. So viele, 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 Chaosspezialist Ian Malcom, als er eine Insel lebender Dinosaurier fand: "Ihre Wissenschaftler waren so sehr damit beschäftigt, ob sie es könnten oder nicht.

"Ihre Wissenschaftler waren so sehr mit der Frage beschäftigt, ob sie es könnten oder nicht, sie hörten nicht auf zu denken, wenn sie sollten." -Ian Malcom

Dieses Zitat eignet sich sehr gut für den Aufstieg von Flash. Die Entwickler waren so begeistert, was sie tun konnten, sie vergaßen zu fragen, was sie wollten sollte tun. Wird Flash das Gesamterlebnis verbessern oder verschlechtern? Was gewinne ich mit Flash und was opfere ich? Ist die Mehrheit meiner Benutzer mit meinen Entscheidungen zufrieden? Wie groß ist der Pool an Benutzern, die versäumt werden, und welche Optionen habe ich für sie?

Verlauf wiederholen

Schneller Vorlauf bis jetzt. CSS3 und HTML5 sind eingetroffen, um den Tag zu retten. Flash steht auf dem Spiel und ist jeden Tag ein neuer Schlag, denn wir sehen beeindruckende neue Beispiele erstaunlicher Websites, die nur mit CSS, HTML und JavaScript erstellt wurden.

HTML und CSS sind in moderne Webbrowser integriert und bilden das Rückgrat des Worldwide Web, wie wir es heute kennen. Daher ist es ein Traum, einen Webdesigner in die Lage zu versetzen, mit diesen Technologien dynamische Seiten zu erstellen.

Da jedoch immer mehr Entwickler diese Technologien aufgreifen und sie an ihre Grenzen stoßen, fängt das Jurassic Park Syndrome an, dies zu erreichen. Wir alle beschäftigen uns so sehr mit dem Mögliche, dass es leicht ist, das Zulässige aus den Augen zu verlieren.

Wenn ich im Internet surfe, sehe ich immer mehr Anzeichen dafür, dass sich eine blitzartige Zukunft nähert. Die Ladezeiten der Seiten steigen bis zu dem Punkt, an dem das Laden erfolgt. Nachrichten feiern ein Comeback, Webseiten werden stark vom Browser abhängig, lange Animationen führen zum Einfrieren des Browsers. klingt bekannt?

Versteht 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 halte jedoch einige Gespräche über Vorsicht für angemessen, um ein Flash-ähnliches Szenario zu vermeiden.

Ja, unsere neuen Spielzeuge sind großartig, aber lassen Sie uns eine Minute langsamer werden und stellen Sie sich vor der Implementierung einige wichtige Fragen.

Wichtige Fragen

Im Folgenden finden Sie eine grobe und unvollständige Liste von Fragen, die Sie sich stellen sollten, bevor Sie bestimmte Next-Gen-Technologien auf Ihrer Website implementieren.

Ist der Zweck experimentell / pädagogisch?

Für diejenigen von Ihnen, die bereit sind, mit dem Finger auf mich und mein wöchentliches Angebot an CSS3-Techniken zu zeigen, bekomme ich einen kostenlosen Pass (ist das nicht bequem?). Es ist meine Aufgabe, nicht nur den aktuellen Stand des Webs zu diskutieren, sondern auch zukünftige Trends und Technologien. Infolgedessen sollten dieses und andere Blog unbedingt neue Techniken erkunden und lehren, sobald sie entstehen.

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

Was ist gewonnen? Was ist verloren?

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

Ist der Nutzen meist ein ästhetischer Schub? Lohnt sich ein leichter Treffer bei der Benutzerfreundlichkeit? Wie wäre es mit einem großen? Wird die Auswahl aus Sicht des durchschnittlichen Nicht-Designer-Benutzers die Erfahrung verbessern oder von ihr abnehmen?

Angenommen, Sie erstellen ein fantastisches 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 funktioneller machen können, als wenn Sie gegangen wären die JS-Route?

Es kommt alles auf Ian Malcoms Dilemma zurück. Wenn es sich herausstellt, dass Sie können Ziehen Sie eine Reihe moderner Web-Zaubereien auf einer Website ab und fragen Sie sich immer, ob Sie sollte.

Manchmal werden die Neuerungen tatsächlich dazu beitragen, Ihre Website zu rationalisieren und noch benutzerfreundlicher zu machen. In anderen Fällen finden Sie sich mit aufgeblähtem Code und einer langsamen Seite wieder, während Sie Ihr Fortschrittsbanner schwenken. Seien Sie einfach ehrlich mit sich selbst und entscheiden Sie, wo Sie die Grenze ziehen.

Werden irgendwelche Benutzer verpassen?

Angenommen, Sie möchten einige Webkit-Keyframe-Animationen (eine meiner liebsten CSS3-Goodies) auf einer Client-Site implementieren. Sehen Sie sich zuerst Ihre Analyse an, um zu sehen, wie viele Nicht-Webkit-Benutzer Sie auslassen.

Die Browserkompatibilität war vor HTML5 und CSS3 ein großes Problem und ist jetzt nur noch schlechter. Die gleiche Logik, die wir immer verwendet haben, gilt jedoch immer noch. Stellen Sie sicher, dass Sie alle wichtigen Browser berücksichtigen. Meines Erachtens sollten Sie sich bei der Implementierung von browserspezifischen Tricks und Effekten nicht schlecht fühlen. Stellen Sie einfach sicher, dass andere Benutzer noch eine solide Erfahrung haben.

Natürlich sprechen wir über progressive Verbesserung. Beginnen Sie mit einer Basis von Funktionalität und Ästhetik, die für alle gängigen Browser geeignet ist. dann Fügen Sie spezielle Extras für vorausschauende Personen hinzu, die einen wirklich modernen Browser verwenden.

Fazit

Zusammenfassend, ich liebe HTML5 und CSS3. Ich verbringe viel Zeit damit, zu experimentieren und die Grenzen dessen zu erweitern, was ich zuvor für möglich gehalten hatte. Allerdings bei der Arbeit echt Bei Projekten bin ich immer vorsichtig, wenn man über Bord geht und eine Website erstellt, die nicht nur so aussieht, als wäre sie mit Flash erstellt worden, sondern wirkt auch so!

Hinterlassen Sie unten einen Kommentar und lassen Sie uns wissen, wie Sie die Verwendung neuer Technologien auf den Client-Sites angehen. Umarmen Sie HTML5 und CSS3 oder setzen Sie sie gezielt ein, um echte Verbesserungen zu erreichen?