Der September stand vor allem im Zeichen der Veränderung: so wurde nicht nur der kalendarische Herbst eingeleitet, auch für die letzten Schülerinnen und Schüler hieß es wieder „Back to School“. Daneben ist aber natürlich auch in der Entwickler-Welt einiges passiert, das für unzählige spannende Diskussionen gesorgt hat. Zeit also, die Top-Themen des vergangenen Monats einmal Revue passieren zu lassen.
User Interface-Design ist ein zweischneidiges Schwert. Einerseits soll eine ansprechende Oberfläche geschaffen werden, die originell ist und dem User in Erinnerung bleibt. Gleichzeitig darf sie ihn nicht überfordern und/oder ablenken. Für Entwickler besteht dabei die Herausforderung, beide Aspekte in der Waage zu halten und ihre Webseite für die User möglichst intuitiv zugänglich zu machen.
„Responsive“ ist weitaus mehr als ein leeres Buzzword im Webdesign. Es geht um Websites, die auf allen Devices gut aussehen und bequem für Nutzer verwendbar sind, aber auch um eine angenehme Ladezeit – und die hängt ganz zentral von den Bildern ab. Mit einer einfachen Verkleinerung von Grafiken ist es hier aber noch lange nicht getan. Das neue HTML-Element <picture> sowie einige Ergänzungen für das <img>-Element helfen nun dabei, inline Images leichter Responsive zu gestalten.
Bereits seit einigen Jahren ist Responsive Design mittlerweile ein Buzzword im Bereich Webdesign. Allerdings geht es im Responsive Design entgegen der gängigen Meinung um mehr als das reine Anpassen von Inhalten auf verschiedene Displaygrößen. Vielmehr geht es um die Optimierung von Design und Inhalt auf Anpassbarkeit, Erreichbarkeit und Performance – mit dem Ziel, Content auf jedem Gerät bestmöglich anzeigen zu können.
Responsive Design ist seit Jahren aus der Webentwicklung nicht mehr wegzudenken, und seitdem die Notwendigkeit von Responsive Images identifiziert wurde, hat sich viel bei der Implementierung der notwendigen Tools in den gängigen Browsern getan. Auch bei der beliebten Blogging- und CMS-Software WordPress wird an der nativen Unterstützung von Responsive Images gearbeitet.
Web-Professionals beobachteten von Zeit zu Zeit mit Erstaunen, wie schwer sich manche Industrien damit tun, sich dem herrschenden Digitalisierungsdruck anzupassen. Aber auch das tägliche Arbeiten mit digitalen Medien und Produkten scheint den Blick für einschneidende Veränderungen in der eigenen Branche nicht ausreichend zu schärfen. Auch innerhalb der IT-Branche gibt es das Phänomen der Betriebsblindheit.
Bereits in den vergangenen Wochen gab es immer neue Features, die in Microsofts neuem Browser Edge implementiert wurden – etwa den Support von asm.js oder die Implementierung zahlreicher ECMAScript-6-Features. Auch was die Darstellung von Bildelementen in Responsive Webdesigns angeht, tut sich einiges.
Dass Responsive Design wichtig ist, ist längst keine Frage mehr. Doch wenn es um die Optimierung für Mobile Devices geht, denken die meisten nach wie vor an die Website-Optimierung für Smartphone-Devices, während die Tabletoptimierung bei vielen Webdesigns oft unter den Tisch fallen gelassen wird.
Responsive Design ist schon seit Jahren eines der Buzzwords im Bereich Webdesign. Dabei geht es um mehr als nur die Gestaltung von Websites für unterschiedliche Bildgrößen, und zahlreiche Aspekte spielen dabei eine wichtige Rolle – gerade auch, was die Navigation und die User Experience von responsiv gestalteten Seiten angeht.
Die Navigation ist eines der Kernelemente einer responsiven Website. Doch welches Navigationsprinzip ist für die Informationsarchitektur, Bedienbarkeit und User Experience am besten geeignet? Neben der Skalierbarkeit für unterschiedliche Bildschirmgrößen ist die größte Herausforderung, die Balance zwischen Vollständigkeit und Klarheit zu finden.
Für die Erstellung und Erweiterung von Websites, die auf Responsive Design setzen, gibt es heutzutage jede Menge Plugins. Auch in puncto Slideshows hat man die Qual der Wahl zwischen zahlreichen jQuery-Plugins, die Euch mobiltaugliche Slideshows auf die Seite zaubern.
Mit Shapeshift hat Scott Elwood wohl eines der ersten Responsive Grid Layouts für jQuery geschrieben, das sich die Reihenfolge der Raster-Elemente merkt, sodass sie diese auf Geräten unterschiedlicher
