Netz
Überbrückung der Lücke zwischen Designern und Entwicklern
UXPin hat kürzlich eine neue Funktion namens „Merge“ eingeführt. Dieses Tool zielt darauf ab, die Abgründe von Design und Entwicklung zu durchbrechen und gleichzeitig die Agilität und Qualität zu verbessern, die unsere Teams erwarten. Diese neue Technologie kann zu einem Umdenken darüber führen, wie das gesamte Designteam und das Engineering-Team zusammenarbeiten.
WeiterlesenDas dunkle Autofill-Muster
Ein „dunkles Muster“ ist ein irreführendes UX-Muster, das Benutzer dazu verleitet, Dinge zu tun, die sie möglicherweise nicht wirklich tun möchten. In diesem Artikel führt Alvaro Montoro ein kleines Experiment durch, um herauszufinden, wie viel Privatsphäre den Benutzern in drei verschiedenen Browsern genommen wird.
WeiterlesenZusammensetzbare CSS-Animation in Vue mit AnimXYZ
Die meisten Animationsbibliotheken wie GSAP und Framer Motion werden ausschließlich mit JavaScript oder TypeScript erstellt, im Gegensatz zu AnimXYZ, das als „das erste zusammensetzbare CSS-Animations-Toolkit“ bezeichnet wird und hauptsächlich mit SCSS erstellt wurde. Obwohl es sich um eine einfache Bibliothek handelt, kann sie verwendet werden, um viel zu erreichen Animation im Web in kurzer Zeit und mit wenig Code.
WeiterlesenVerwendung moderner Bildformate: AVIF und WebP
In diesem Artikel heben wir hervor, wie moderne Bildformate (AVIF oder WebP) die Komprimierung um bis zu 50 % verbessern und eine bessere Qualität pro Byte liefern können, während sie gleichzeitig optisch ansprechend aussehen. Wir werden vergleichen, was bei Zielen mit hoher Qualität, niedriger Qualität und Dateigröße möglich ist.
WeiterlesenVerbesserung der Zugänglichkeit Ihres Markdowns
Sie finden Markdown an vielen Stellen im Internet. Dieser Artikel behandelt verschiedene Aspekte von Markdown und wie es mit anderen Technologien interagiert.
WeiterlesenLassen Sie uns für End-to-End-Tests in Cypress eintauchen
Ist End-to-End-Testing für Sie ein schmerzhaftes Thema? In diesem Artikel erklärt Ramona Schwering, wie man End-to-End-Testing mit Cypress handhabt und es für sich selbst nicht so mühsam und teuer macht, sondern stattdessen Spaß macht.
WeiterlesenNeuerstellung einer großen E-Commerce-Website mit Next.js (Fallstudie)
Wir haben mit Next.js den Wechsel von einer traditionelleren integrierten E-Commerce-Plattform zu einer Headless-Plattform vollzogen. Hier sind die wichtigsten Lektionen, die beim Neuaufbau einer großen E-Commerce-Website mit Next.js gelernt wurden.
WeiterlesenVereinfachung von Formularstilen mit Akzentfarbe
Die neue CSS-Eigenschaft „accent-color“ macht es schnell und einfach, unsere Markenfarben auf bestimmte Formulareingaben auszurollen, indem sie Benutzeragentenstile nutzt. In diesem Artikel werfen wir einen Blick darauf, was es tut und wie es zusammen mit dem „Farbschema“ für einfache, zugängliche Kontrollkästchen und Optionsfelder verwendet wird – und stellen uns vor, wie wir es in Zukunft verwenden könnten.
WeiterlesenSo erstellen Sie Ihre eigene mauslose Entwicklungsumgebung
Das Erstellen einer Entwicklungsumgebung mit der Shell als Grundpfeiler bietet mehrere Vorteile. Sie können alles an Ihre eigenen Bedürfnisse anpassen, und vor allem können Sie Ihre gesamte Entwicklungsumgebung mit Ihrer Tastatur steuern.
WeiterlesenWie Webentwicklungstools Benutzern helfen, mit schnellen Veränderungen Schritt zu halten
Die letzten 18 Monate waren eine Zeit beispielloser Turbulenzen. Während die Menschen auf der ganzen Welt online geflutet sind, haben sich Unternehmen ihnen angeschlossen und Webentwicklungstools verwendet, um sich in Echtzeit anzupassen.
Weiterlesen