Dr. Web

Webentwicklung in Zeiten der Tech-Taliban

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.

Rezepte für Webentwickler: Deine erste PWA mit dem Service Worker Cookbook

PWA, Progressive Web Apps, setzen sich nur dann als Standard gegen die nativen Mobil-Apps durch, wenn sie möglichst breite Unterstützung finden. Dabei kann jede Web-App eine progressive Web-App sein.

Photoshop für Designer, die kein Photoshop verwenden

Pablo Stanley heißt der Mann, der allen Ernstes die im Titel benannte Website erschaffen hat. Er erklärt Photoshop für Designer, die kein Photoshop verwenden.

Shards: Modernes UI-Kit auf Basis von Bootstrap 4 als Open Source

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.

Moderne Websites und Elemente: 8 Inspirations-Quellen für Designer

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.

HTML5 & CSS3: mache deine Website fit für hochauflösende Displays

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.

CSS3 für Designprofis: Vier Eigenschaften, die du kennen und nutzen solltest

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.

So geht hirnfreundliches Webdesign

Das menschliche Gehirn arbeitet in einer Weise, die du nicht ignorieren kannst, wenn dein Design erfolgreich werden soll. Hirnfreundliches Webdesign entscheidet über Erfolg und Misserfolg, also nimm es nicht auf die leichte Schulter.

Sonar: Kostenloses Tool von Microsoft hilft dir Fehler auf deiner Website aufzuspüren

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.

In 6 Schritten zur optimalen Onlineshop-Usability

Über 1000 Usabilityprojekte haben mich gelehrt, dass die Onlineshop-Usability ein entscheidender Faktor für eine hohe Conversion ist. Doch welche Fragen sollten sich E-Commerce-Betreiber stellen, um die Kaufbereitschaft zu steigern und Kunden langfristig zu binden? Und woher wissen sie, was Usability konkret auf ihrer eigenen Seite bedeutet?

Von falschem Ehrgeiz: Bin ich Designer oder Developer oder beides?

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

Hologram: Kostenlose Mac-App für den geschmeidigen WebVR-Einstieg

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.

Flat Design kann teurer sein als du denkst

Nanu? War Flat Design nicht das Beste seit Bier in Dosen? Eine neue Studie der Nielsen Norman Group zeigt, dass das Gegenteil der Fall sein kann.

So erstellst du benutzerfreundliche Formulare

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.

Warum Designer Dribbble und Behance so lieben

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

Design Resources: Kuratierte Sammlung empfehlenswerter Designer-Bookmarks

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.

Diese intelligente Methode, Text in Bildern zu erkennen und zu ändern, solltest du kennen

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.

Webdesign