Ein Element auf Webseiten, was manchmal etwas zu wenig Beachtung findet, sind Buttons. Sie sollen den Besuchern helfen, sich auf einer Seite zurechtzufinden, wichtige Schritte schnell zu erkennen und diese mit wenig Aufwand auszuführen. Neben der Benutzerfreundlichkeit, wird man…
Web Components ermöglichen einen modularen Aufbau von Websites, bei dem du UI-Elemente als unabhängige Bausteine erstellst – für maximale Wiederverwendbarkeit, Wartbarkeit und Design-Kontrolle ohne zusätzliche Frameworks wie beispielsweise React oder Vue. Du erstellst dir hierbei ein eigenes HTML-Element,…
Mit CSS kann man Text mit Verläufen oder Bildern füllen. Dazu kannst du CSS Eigenschaften wie background-clip oder mix-blend-mode nutzen.
Eine Navigation mit Dropdown-Menüs kann für die Barrierefreiheit eine echte Herausforderung sein. In diesem Artikel zeige ich dir anhand eines konkreten Beispiels, wie eine solche Navigation gestaltet werden kann. Ziel ist es, eine Navigation mit einem ausklappenden Untermenü,…
Praxistipps für eine nutzerfreundliche, responsive und barrierefreie Navigation Die Navigation gehört zu den wichtigsten Elementen jeder Website. Sie leitet Besucher, schafft Orientierung und wirkt sich maßgeblich auf User Experience, Conversion und SEO aus.In diesem Artikel zeige ich dir,…
Visual Studio Code – kurz VS Code ist ein quelloffener, kostenloser und plattformübergreifender Code-Editor, der sich aktuell bei Entwicklern großer Beliebtheit erfreut. In diesem Artikel zeige ich dir praxisnahe Tipps, mit denen du noch produktiver arbeitest. Sinnvolle Einstellungen …
Bilder sind ein zentraler Bestandteil jeder Webseite und entscheiden mit darüber, ob ein Webauftritt als benutzerfreundlich und professionell wahrgenommen wird – oder eben nicht. Um sicherzustellen, dass deine Bilder schnell laden und auf allen Geräten gut aussehen, solltest…
Wenn Du ein neues Webprojekt mithilfe von WordPress erstellen möchtest, dann stellt sich ganz am Anfang auch die Frage, welches Theme für Dein Projekt das richtige ist. In diesem Artikel stelle ich Dir drei unterschiedliche Strategien vor.
In Webseiten kannst Du nicht nur mit Pixelgrafik, also beispielsweise JPEG, PNG oder WebP arbeiten, es gibt auch andere Dateiformate wie zum Beispiel Canvas oder SVG. In diesem Artikel geht es um SVG. Aber zunächst möchte ich einen…
Wenn Du den größten Teil Deiner Arbeitszeit am Computer verbringst, brauchst Du für ein ergonomisches Arbeiten einen geeigneten Monitor. Was solltest Du also beim Kauf eines Bildschirms beachten? Da stellt sich die Frage, wofür Du den Monitor einsetzen…