Webdesign

Wenn es darum geht, statische Entwürfe zu präsentieren, ist ein Produkt wie Powerpoint gut geeignet. Presentator setzt das Konzept als Web-App um, kostenlos.

Dieser Tage entstand eine hitzige Debatte, als Chris Coyier von CSS Tricks sich erlaubte, darauf hinzuweisen, dass die Zielerreichung (das What) wichtiger ist als das Tool, mit dem das Web-Angebot realisiert wurde (das How). Natürlich hat er Recht.

UI-Kits gibt es viele, auch kostenlose. Shards von Designrevision ragt dennoch aus der Masse, weil es nicht nur kostenlos, sondern auch ausgesprochen ansehnlich und modern ist.

Es ist eine Sache, sich durch Beiträge zu Trends im Webdesign zu pflügen. Es ist eine ganz andere Sache, Inspiration in der freien Wildbahn zu finden. Wir haben acht Inspirations-Quellen für dich zusammengestellt.

Als Apple vor einigen Jahren anfing, seine iPhones, iPads und MacBooks mit hochauflösenden Displays – den sogenannten Retina-Displays – auszustatten, hat das zu einer deutlichen Verbesserung der Darstellungsqualität geführt. Einzelne Pixel sind auf diesen Displays nicht mehr als solche zu erkennen. Mittlerweile sind hochauflösende Displays längst keine Besonderheit mehr. Vor allem aktuelle Mobilgeräte sind schon in der Mittelklasse hochauflösend. Während viele Apps für Mobilgeräte schon länger auf die hohe Auflösung ausgerichtet sind, lassen sich mittlerweile auch per HTML5, CSS3 und JavaScript hochauflösende Websites realisieren – ohne zusätzliche JavaScript-Bibliotheken.

Mit der Einführung von CSS3 haben sich die Gestaltungsmöglichkeiten für Websites sehr verändert. Vor allem Animationen und Transparenzen werden seitdem häufig eingesetzt. Doch es gibt auch eine Reihe von Eigenschaften, die nur selten Verwendung finden. Dabei ist mangelnde Browserunterstützung meist kein Grund mehr, auf diese Möglichkeiten zu verzichten. Vier solcher zu Unrecht vernachlässigter CSS3-Eigenschaften solltet ihr bei eurem nächsten Projekt daher unbedingt mal ausprobieren.

In der Vergangenheit legte Microsoft nicht viel Wert auf Webstandards. Aber spätestens mit dem neuen Browser Edge ist man auch bei Microsoft interessiert daran, sich an HTML- und CSS-Standards zu halten. Mit Sonar gibt es nun sogar ein Tool, welches Websites auf die Einhaltung solcher Standards überprüft. Darüber hinaus weist Sonar auf Optimierungsmöglichkeiten und auf Sicherheitsmängel hin.

Begonnen habe ich als Designer. Irgendwann musste ich gezwungenermaßen auch entwickeln. Jetzt ist es Zeit für einen Reset.

Freelancer, die ihr Geld mit Kundenprojekten verdienen, haben wenig Zeit für brandneue Technologien. Mit Hologram kannst du einen Blick auf WebVR werfen, ohne dabei ganze Monatseinkommen zu verlieren.

Anhand einiger exemplarischen Kontaktformulare von Firmen worüber Neukunden Kontakt aufnehmen können, Kundenregistrierungen bei Onlineshops und Anmeldung bei Social Media-Portalen möchte ich Ideen und theoretische Ansätze aufzeigen um Teile der Eingabe-Prozedur schlanker zu halten und gleichzeitig weniger Frust und Hürden zu generieren.

Dribbble und Behance sind die Top-Selbstbeweihräucherungsplattformen der Zunft. Und das dient einem ganz natürlichen Zweck.

Sammlungen mit Design-Ressourcen gibt es viele. Nur wenige sind dabei sauber kuratiert. Genau letzteres verspricht uns die Kollegin Jessica Paoli mit ihrer Designresources.party.

Web-Entwickler suchen täglich nach besseren Wegen, die Benutzererfahrung zu optimieren. Das gilt auch für den Umgang mit Bildern. Häufig kommt es vor, dass Bildmaterial, das von Benutzern oder aus anderen Quellen hochgeladen wurde, sensible Informationen enthält, die nach Unkenntlichmachung oder jedenfalls nach Veränderung rufen. Seien es KFZ-Kennzeichen, Ausweise, Straßenschilder oder andere Hinweise und Nachweise. In all diesen Fällen ist es möglich, dass du den textlichen Inhalt eines Bildes bearbeiten können willst.

Abomodelle sind im Kommen. Daran kann es keinen Zweifel geben. Könnte ein Abomodell auch das Richtige für Designer sein?