Netz

Ich habe zu einem Open-Source-Editor beigetragen, und Sie können das auch

Vor einigen Monaten machte Jason Grigsbys [Beitrag zur automatischen Vervollständigung in Formularen](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) die Runde. Mir gefiel die Idee, Benutzern zu ermöglichen, ihre Kreditkartendaten einzugeben, indem sie ein Foto ihrer Karte machen. Was ich nicht mochte, war [alle möglichen Werte für das automatische Ausfüllen auswendig zu lernen] (https://html.spec.whatwg.org/multipage/forms.html#autofill). In meinem Alter werde ich faul. In letzter Zeit bin ich verwöhnt worden, einen Editor zu verwenden, der intelligente Autovervollständigung für mich erledigt, etwas, das in der Vergangenheit nur massive komplexe IDEs angeboten haben. Ich öffnete den Editor meiner Wahl, erstellte ein „Eingabe“-Element und fügte ein „Autocomplete“-Attribut hinzu, nur um festzustellen, dass die Code-Vervollständigung mir den Zustand „Ein“ oder „Aus“ anbot. Enttäuschend.

Photoshop-Etikette für responsives Webdesign

Seit dem Start von [Photoshop Etiquette](https://photoshopetiquette.com/) sind fast fünf Jahre vergangen, was es offiziell zu einem Relikt im Internet macht. In ein paar Jahren kann im Internet viel passieren, und die letzten fünf haben das besser als die meisten anderen gezeigt.

S(GH)PA: Der Single-Page-App-Hack für GitHub-Seiten

lorem ipsum

So führen Sie eine UI-Designkritik durch

Kritik ist einfach. Es scheint, als hätte jeder eine Meinung, aber wie der Autor Harlan Ellison betont: „Sie haben kein Recht auf Ihre Meinung. Sie haben ein Recht auf Ihre fundierte Meinung.“ Um informiert zu werden, bedarf es jedoch der Erforschung. Designkritiken sind ein wichtiger Bestandteil jeder Produkterkundung. Bei einer Designkritik – bei der der Schöpfer die Kreation mit dem Rest des Teams und/oder dem Kunden bespricht und erklärt – geht es nicht darum, den Designer zu belästigen oder ihn dazu zu drängen, jede getroffene Entscheidung zu rechtfertigen. Das ist nur Kritik. **Eine gute Designkritik soll das Design untersuchen**, herausfinden, wo es funktioniert und wo es verbessert werden könnte. Wenn sie gut gemacht sind, geben Designkritiken jedem im Team das Gefühl, gehört worden zu sein, und ermöglichen es den Kunden, wertvolles Feedback zu geben.

Ein Anfängerleitfaden für progressive Web-Apps

PWAs nutzen die neuesten Technologien, um das Beste aus Web- und mobilen Apps zu kombinieren. Dieser Artikel befasst sich mit den jüngsten Fortschritten im Browser und den Möglichkeiten, die wir als Entwickler haben, um eine neue Generation von Web-Apps zu erstellen.

Experience Design Essentials: Animierte Mikrointeraktionen in mobilen Apps

Dariel Fitzkee, der berühmte Zauberer, sagte einmal: „Magie liegt sowohl im Detail als auch in der Leistung.“ Interaktionsdesign ist einfach so. Designer lieben es, das große Ganze richtig zu machen, aber wenn die Details nicht richtig gehandhabt werden, wird die Lösung scheitern. **Die Magie liegt im Detail**. Aus diesem Grund sorgen gut gestaltete Mikrointeraktionen dafür, dass sich Erlebnisse wie geschaffen anfühlen. Um besser zu verstehen, wie Ihr Design von Mikrointeraktionen profitiert, hilft es, Ihre App-Ideen zu skizzieren. Adobe hat eine neue Design- und Wireframing-App namens Experience Design (oder Adobe XD) eingeführt, mit der Sie Wireframes entwerfen und interaktiv gestalten können. Sie können Adobe XD kostenlos herunterladen und testen.

Entwickler „besitzen“ den Code, sollten Designer also nicht die Erfahrung „besitzen“?

Das haben wir alle schon durchgemacht. Sie haben Monate damit verbracht, Geschäftsanforderungen zu sammeln, komplexe Benutzerreisen auszuarbeiten, präzise Schnittstellenelemente zu erstellen und sie an einer repräsentativen Stichprobe von Benutzern zu testen, nur um ein Endprodukt zu sehen, das der gewünschten Erfahrung nur wenig ähnelt.

User Memory Design: Wie man für dauerhafte Erfahrungen designt

Die beiden unten abgebildeten Diagramme haben meine Denkweise verändert. Die Geschichte hinter diesen Diagrammen, die aus einer klassischen Psychologiestudie von 1996 reproduziert wurde, ist eine anschauliche Veranschaulichung, dass die Art und Weise, wie wir Menschen uns in dem Moment fühlen, wenn wir die Welt erleben, sehr unterschiedlich sein kann, als wir uns fühlen, wenn wir später an diese Erfahrungen zurückdenken.

Desktop-Hintergrundkalender: August 2016

[Seit acht Jahren](https://www.smashingmagazine.com/tag/wallpapers/) ist unsere monatliche Herausforderung für Desktop-Hintergründe ein umwerfender Favorit, der ohne den unermüdlichen Einsatz talentierter Designer und Künstler aus der ganzen Welt nicht möglich wäre . Auf der Suche nach **Tapeten, die etwas markanter sind als die übliche Menge**, fordern wir Sie, die Design-Community, heraus, Ihrer Kreativität freien Lauf zu lassen und jeden Monat aufs Neue interessante und inspirierende Designs zu produzieren. Und nun, diesmal war es nicht anders.

Leseliste Nr. 147 für die Webentwicklung: Sicherheitsrichtlinien, barrierefreie UI-Komponenten und Content-First-Design

Bei der Arbeit im Team ist es wichtig, sich an Regeln zu halten. Eine häufige Herausforderung besteht darin, alle Ihre Projekte mit einem ähnlichen oder demselben Toolset und **Codierungsrichtlinien** zu erstellen. Erst gestern habe ich darüber gesprochen, wie wir ein Projekt, das im Laufe der Jahre aus seiner anfänglichen Codebasis herausgewachsen ist, auf einen frischen, auf React.js basierenden Quellcode portieren können. Die Entscheidung dafür ist uns nicht leicht gefallen, da wir bereits einiges an Arbeit und Geld in dieses Projekt investiert hatten und auch ein Umstieg auf React einige Zeit in Anspruch nehmen würde. Da der Wechsel aber technisch sinnvoll ist und das Team React bereits für drei weitere Projekte nutzt, sind wir zu dem Schluss gekommen, dass dies ein guter Schritt wäre. Es wird mehr Entwicklern des Teams ermöglichen, zum Projekt beizutragen, Code zu überprüfen und die Verschiebung von Technologien im Unternehmen zu reduzieren. Gelegentlich ist es an der Zeit, Ihre Projekte neu zu bewerten