Ich gebe Freunden und Familie einen einzigen Rat, wenn sie frischgebackene Eltern werden: Wenn Sie anfangen zu denken, dass Sie alles herausgefunden haben, wird sich alles ändern. Sobald Sie anfangen, sich ans Füttern, Windeln und regelmäßige Nickerchen zu gewöhnen, ist es Zeit für feste Nahrung, Töpfchentraining und Schlafen über Nacht. Wenn Sie das herausgefunden haben, ist es Zeit für die Vorschule und seltene Nickerchen. Der Zyklus geht immer weiter.
Der Artikel wird unten fortgesetzt
Das Gleiche gilt für diejenigen von uns, die heutzutage in Design und Entwicklung arbeiten. Nachdem ich zu diesem Zeitpunkt fast drei Jahrzehnte lang im Internet gearbeitet habe, habe ich das regelmäßige Auf und Ab von Ideen, Techniken und Technologien miterlebt. Jedes Mal, wenn wir als Entwickler und Designer in einen regelmäßigen Rhythmus kommen, kommt eine neue Idee oder Technologie auf den Markt, die die Dinge auf den Kopf stellt und unsere Welt neu gestaltet.
Meine erste Website habe ich Mitte der 90er Jahre erstellt. Design und Entwicklung im Web waren damals ein Freiraum für alle, es gab nur wenige etablierte Normen. Für jedes Layout außer einer einzelnen Spalte haben wir verwendet table Elemente, oft mit leeren Zellen, die ein einzelnes Pixel-Abstands-GIF enthalten, um Leerraum hinzuzufügen. Wir haben den Text mit zahlreichen gestaltet font Tags und verschachtelten die Tags jedes Mal, wenn wir den Schriftstil variieren wollten. Und wir hatten nur drei oder vier Schriftarten zur Auswahl: Arial, Courier oder Times New Roman. Als „Verdana und Georgia“ 1996 herauskamen, freuten wir uns, denn unsere Möglichkeiten hatten sich fast verdoppelt. Die einzigen sicheren Farben, aus denen man wählen konnte, waren die 216 „websicheren“ Farben, die bekanntermaßen plattformübergreifend funktionieren. Die wenigen interaktiven Elemente (wie Kontaktformulare, Gästebücher und Zähler) wurden größtenteils durch CGI-Skripte unterstützt (damals überwiegend in Perl geschrieben). Um irgendeine Art von einzigartigem Aussehen zu erzielen, waren eine ganze Reihe von Tricks erforderlich. Die Interaktion war oft auf bestimmte Seiten einer Website beschränkt.
Die Geburt von Webstandards#Abschnitt3
Mit der Jahrhundertwende begann ein neuer Zyklus. Crufty-Code übersät mit table Layouts und font Tags ließen nach und der Vorstoß für Webstandards nahm zu. Neuere Technologien wie CSS werden von Browserherstellern, Entwicklern und Designern immer häufiger angenommen. Dieser Wandel hin zu Standards geschah nicht zufällig oder über Nacht. Es erforderte ein aktives Engagement zwischen dem W3C und den Browser-Anbietern sowie eine starke Unterstützung von Leuten wie dem Webstandards-Projekt Standards zu schaffen. Eine Liste für sich und Bücher wie Entwerfen mit Webstandards von Jeffrey Zeldman spielte eine Schlüsselrolle dabei, Entwicklern und Designern beizubringen, warum Standards wichtig sind, wie man sie umsetzt und wie man sie an ihre Organisationen verkauft. Und Ansätze wie die progressive Verbesserung führten die Idee ein, dass Inhalte für alle Browser verfügbar sein sollten – wobei für fortgeschrittenere Browser zusätzliche Verbesserungen verfügbar sind. Mittlerweile gibt es Seiten wie die CSS Zen-Garten zeigte, wie leistungsstark und vielseitig CSS sein kann, wenn es mit einer soliden semantischen HTML-Struktur kombiniert wird.
Serverseitige Sprachen wie PHP, Java und .NET überholten Perl als vorherrschende Back-End-Prozessoren, und die CGI-Bin wurde in den Papierkorb geworfen. Mit diesen besseren serverseitigen Tools begann die erste Ära der Webanwendungen, beginnend mit Content-Management-Systemen (insbesondere im Blogging-Bereich mit Tools wie Blogger, Gray Matter, Movable Type und WordPress). Mitte der 2000er Jahre öffnete AJAX Türen für die asynchrone Interaktion zwischen Front-End und Backend. Plötzlich konnten Seiten ihren Inhalt aktualisieren, ohne dass sie neu geladen werden mussten. Eine Reihe von JavaScript-Frameworks wie Prototype, YUI und jQuery entstanden, um Entwicklern dabei zu helfen, eine zuverlässigere clientseitige Interaktion über Browser hinweg aufzubauen, die sehr unterschiedliche Standards an Unterstützung bieten. Techniken wie das Ersetzen von Bildern ermöglichen es geschickten Designern und Entwicklern, Schriftarten ihrer Wahl anzuzeigen. Und Technologien wie Flash ermöglichten das Hinzufügen von Animationen, Spielen und noch mehr Interaktivität.
Diese neuen Technologien, Standards und Techniken belebten die Branche in vielerlei Hinsicht neu. Webdesign blühte auf, als Designer und Entwickler vielfältigere Stile und Layouts erforschten. Aber wir haben uns immer noch auf jede Menge Hacks verlassen. Frühes CSS stellte eine enorme Verbesserung gegenüber tabellenbasierten Layouts dar, wenn es um grundlegendes Layout und Textstil ging, aber seine damaligen Einschränkungen führten dazu, dass Designer und Entwickler bei komplexen Formen (wie abgerundeten oder abgewinkelten Ecken) immer noch stark auf Bilder und gekachelte Hintergründe für die Darstellung von Spalten voller Länge (neben anderen Hacks) angewiesen waren. Komplizierte Layouts erforderten alle Arten von verschachtelten Gleitkommazahlen oder eine absolute Positionierung (oder beides). Flash und das Ersetzen von Bildern durch benutzerdefinierte Schriftarten waren ein guter Anfang, um die Schriftarten der Big Five zu variieren, aber beide Hacks führten zu Zugänglichkeits- und Leistungsproblemen. Und JavaScript-Bibliotheken machten es jedem leicht, Seiten eine Prise Interaktion zu verleihen, allerdings auf Kosten einer Verdoppelung oder sogar Vervierfachung der Downloadgröße einfacher Websites.
Das Web als Softwareplattform#Abschnitt4
Die Symbiose zwischen Frontend und Backend verbesserte sich immer weiter und führte zur heutigen Ära moderner Webanwendungen. Mit erweiterten serverseitigen Programmiersprachen (die immer weiter anwuchsen und auch Ruby, Python, Go und andere umfassten) und neueren Front-End-Tools wie React, Vue und Angular konnten wir voll funktionsfähige Software im Web erstellen. Neben diesen Tools kamen weitere hinzu, darunter kollaborative Versionskontrolle, Build-Automatisierung und gemeinsam genutzte Paketbibliotheken. Was einst hauptsächlich eine Umgebung für verknüpfte Dokumente war, wurde zu einem Reich unendlicher Möglichkeiten.
Gleichzeitig wurden mobile Geräte leistungsfähiger und ermöglichten uns einen Internetzugang in der Hosentasche. Mobile Apps und Responsive Design eröffneten überall und jederzeit Möglichkeiten für neue Interaktionen.
Diese Kombination aus leistungsfähigen mobilen Geräten und leistungsstarken Entwicklungstools trug zur Verbreitung sozialer Medien und anderer zentralisierter Tools bei, mit denen Menschen Kontakte knüpfen und konsumieren können. Da es immer einfacher und üblicher wurde, direkt über Twitter, Facebook und sogar Slack mit anderen in Kontakt zu treten, schwand der Wunsch nach gehosteten persönlichen Websites. Soziale Medien boten Verbindungen auf globaler Ebene, mit den damit verbundenen Vor- und Nachteilen.
Möchten Sie eine viel ausführlichere Geschichte darüber, wie wir hierher gekommen sind, mit einigen anderen Ansichten darüber, wie wir uns verbessern können? Jeremy Keith schrieb „Of Time and the Web“. Oder schauen Sie sich die „Web Design History Timeline“ im Web Design Museum an. Neal Agarwal bietet auch eine unterhaltsame Tour durch „Internetartefakte“ an.
In den letzten Jahren hatte man das Gefühl, dass wir an einem weiteren wichtigen Wendepunkt angelangt sind. Da Social-Media-Plattformen zerfallen und verschwinden, wächst das Interesse daran, wieder eigene Inhalte zu besitzen. Es gibt viele verschiedene Möglichkeiten, eine Website zu erstellen, vom bewährten Klassiker des Hostens einfacher HTML-Dateien über statische Site-Generatoren bis hin zu Content-Management-Systemen aller Art. Die Zersplitterung der sozialen Medien ist auch mit Kosten verbunden: Wir verlieren wichtige Infrastruktur für die Entdeckung und Verbindung. Webmentions, RSS, ActivityPub und andere Tools des IndieWeb können dabei helfen, aber sie sind immer noch relativ unzureichend implementiert und für weniger Nerds schwer zu verwenden. Wir können tolle persönliche Websites erstellen und diese regelmäßig erweitern, aber ohne Entdeckung und Verbindung kann es manchmal so sein, als würden wir genauso gut ins Leere schreien.
Die Browserunterstützung für CSS, JavaScript und andere Standards wie Webkomponenten hat sich beschleunigt, insbesondere durch Bemühungen wie Interop. Neue Technologien finden in einem Bruchteil der Zeit, die sie früher brauchten, flächendeckende Unterstützung. Ich erfahre oft von einer neuen Funktion und überprüfe deren Browserunterstützung, nur um dann festzustellen, dass die Abdeckung bereits über 80 Prozent liegt. Heutzutage liegt das Hindernis für den Einsatz neuerer Techniken oft nicht mehr in der Browserunterstützung, sondern einfach darin, wie schnell Designer und Entwickler lernen können, was verfügbar ist und wie sie diese übernehmen können.
Heute können wir mit ein paar Befehlen und ein paar Codezeilen fast jede Idee prototypisieren. Alle Tools, die uns jetzt zur Verfügung stehen, machen es einfacher denn je, etwas Neues zu beginnen. Aber die Vorabkosten, die diese Frameworks bei der Erstauslieferung einsparen können, werden irgendwann fällig, da die Aktualisierung und Wartung zu einem Teil unserer technischen Schulden wird.
Wenn wir uns auf Frameworks von Drittanbietern verlassen, kann die Einführung neuer Standards manchmal länger dauern, da wir möglicherweise warten müssen, bis diese Frameworks diese Standards übernehmen. Diese Rahmenbedingungen, die es uns früher ermöglichten, neue Techniken schneller einzuführen, sind mittlerweile zu Hindernissen geworden. Dieselben Frameworks sind oft auch mit Leistungseinbußen verbunden, sodass Benutzer auf das Laden von Skripten warten müssen, bevor sie Seiten lesen oder mit ihnen interagieren können. Und wenn Skripte scheitern (sei es aufgrund von schlechtem Code, Netzwerkproblemen oder anderen Umgebungsfaktoren), gibt es oft keine Alternative, sodass Benutzer leere oder kaputte Seiten haben.
Wohin gehen wir von hier aus?#Abschnitt6
Die Hacks von heute tragen dazu bei, die Standards von morgen zu gestalten. Und es ist grundsätzlich nichts Falsches daran, sich – vorerst – auf Hackerangriffe einzulassen, um die Gegenwart voranzubringen. Probleme entstehen nur, wenn wir nicht zugeben wollen, dass es sich um Hacks handelt, oder wenn wir zögern, sie zu ersetzen. Was können wir also tun, um die Zukunft zu schaffen, die wir uns für das Web wünschen?
Bauen Sie für die Langfristigkeit. Optimieren Sie die Leistung, die Zugänglichkeit und den Benutzer. Wägen Sie die Kosten dieser entwicklerfreundlichen Tools ab. Sie erleichtern Ihnen heute vielleicht die Arbeit ein wenig, aber wie wirken sie sich auf alles andere aus? Wie hoch sind die Kosten für die Benutzer? An zukünftige Entwickler? Zur Übernahme von Standards? Manchmal kann sich die Bequemlichkeit lohnen. Manchmal ist es nur ein Trick, an den man sich gewöhnt hat. Und manchmal hält es Sie von noch besseren Optionen ab.
Beginnen Sie mit Standards. Standards entwickeln sich im Laufe der Zeit weiter, aber Browser haben bemerkenswert gute Arbeit dabei geleistet, ältere Standards weiterhin zu unterstützen. Das Gleiche gilt nicht immer für Frameworks von Drittanbietern. Websites, die selbst mit dem hackigsten HTML der 90er Jahre erstellt wurden, funktionieren auch heute noch einwandfrei. Das Gleiche gilt nicht immer für Websites, die mit Frameworks erstellt wurden, selbst nach nur ein paar Jahren.
Design mit Sorgfalt. Unabhängig davon, ob es sich bei Ihrem Handwerk um Code, Pixel oder Prozesse handelt, bedenken Sie die Auswirkungen jeder Entscheidung. Der Komfort vieler moderner Tools geht mit dem Nachteil einher, dass man die zugrunde liegenden Entscheidungen, die zu seinem Design geführt haben, nicht immer versteht und nicht immer die Auswirkungen berücksichtigt, die diese Entscheidungen haben können. Anstatt sich kopfüber zu beeilen und „schnell zu handeln und Dinge kaputt zu machen“, nutzen Sie die durch moderne Tools eingesparte Zeit, um sorgfältiger zu überlegen und mit Bedacht zu entwerfen.
Lerne immer. Wer ständig lernt, wächst auch. Manchmal kann es schwierig sein, genau zu bestimmen, was es wert ist, gelernt zu werden, und was nur der Trick von heute ist. Möglicherweise konzentrieren Sie sich im nächsten Jahr auf etwas, das keine Rolle mehr spielt, selbst wenn Sie sich ausschließlich auf Lernstandards konzentrieren würden. (Erinnern Sie sich an XHTML?) Aber ständiges Lernen eröffnet neue Verbindungen in Ihrem Gehirn, und die Hacks, die Sie an einem Tag lernen, können an einem anderen Tag als Grundlage für verschiedene Experimente dienen.
Spielen, experimentieren und seltsam sein! Dieses von uns erstellte Web ist das ultimative Experiment. Es ist das größte menschliche Unterfangen in der Geschichte, und doch kann jeder von uns darin seinen eigenen Platz schaffen. Seien Sie mutig und probieren Sie Neues aus. Bauen Sie einen Spielplatz für Ideen. Machen Sie alberne Experimente in Ihrem eigenen verrückten Wissenschaftslabor. Starten Sie Ihr eigenes kleines Unternehmen. Es gab noch nie einen besseren Ort, um kreativ zu sein, Risiken einzugehen und zu erkunden, wozu wir fähig sind.
Teilen und verstärken. Teilen Sie beim Experimentieren, Spielen und Lernen mit, was für Sie funktioniert hat. Schreiben Sie auf Ihrer eigenen Website, posten Sie auf der von Ihnen bevorzugten Social-Media-Site oder rufen Sie es von einem TikTok aus. Schreiben Sie etwas für Eine Liste für sich! Aber nehmen Sie sich auch die Zeit, andere zu stärken: Finden Sie neue Stimmen, lernen Sie von ihnen und teilen Sie, was sie Ihnen beigebracht haben.
Geh hin und mach#Abschnitt7
Als Designer und Entwickler für das Web (und darüber hinaus) sind wir jeden Tag dafür verantwortlich, die Zukunft zu gestalten, sei es in Form persönlicher Websites, von Milliarden genutzter Social-Media-Tools oder irgendetwas dazwischen. Lassen Sie uns unsere Werte in die Dinge einfließen lassen, die wir erschaffen, und machen wir das Internet zu einem besseren Ort für alle. Erschaffen Sie etwas, für dessen Herstellung nur Sie die einzigartige Qualifikation besitzen. Dann teilen Sie es, machen Sie es besser, machen Sie es noch einmal oder machen Sie etwas Neues. Lernen. Machen. Aktie. Wachsen. Spülen und wiederholen. Jedes Mal, wenn Sie denken, dass Sie das Web beherrschen, wird sich alles ändern.
Credit Post By: by