Tutorial: Neues React-Projekt mit Uisum

Mit Uisum habe ich eine Library zusammengestellt, die es (ursprünglich in erster Linie mir selbst) erleichtern soll, ein neues Web-App-Projekt mit React zu erstellen. Als Basis nutzt Uisum das beliebte CSS-Framework Bootstrap und liefert eine Reihe an Komponenten, die für moderne Mobile-First-Anwendungen hilfreich sind. Beitragsbild: Pixabay, Quelle: Pexels

Lösung für Twenty Seventeens stockenden Header

Für eine lange Zeit habe ich für diesen Blog eine angepasste Version des WordPress Themes „Twenty Seventeen“ genutzt. Generell finde ich den Theme ziemlich nett, aber es gibt einen kleinen „Bug“ (?), der mich schon länger gestört hat. There’s also an english version of this article on my Medium site. Beitragsbild: Pixabay, Quelle: Pexels

CSS: Die Nutzung von System-Fonts

Web Fonts zu nutzen ist nett, aber manchmal ist es sinnvoll, eine Schriftart zu nutzen, die bereits auf dem System installiert ist. So kannst du die Perfomance etwas verbessern, weil der Browser so nicht mehr die Font-Datei laden muss. Außerdem kannst du dem Nutzer so einen gewohnten Look präsentieren, wenn die Schriftart auf der Webseite …

UI Design – Die Herausforderung eines Dark Themes

Entwickler lieben sie schon seit Ewigkeiten, nun werden sie immer salonfähiger: dunkle UI Themes. Viele empfinden sie als augenfreundlicher. Ob das wirklich stimmt, kann ich nicht beurteilen. Zu mindest kann dunkles UI-Design aber zu einer besseren Energieeffizienz bei Geräten mit OLED-Displays beitragen, da hierfür schwarze Pixel nicht mit Strom versorgt werden müssen.Abgesehen davon kann dunkles …

Wie ihr Frosted Glass fürs Web nutzen könnt

Der sogenannte Frosted Glass-Effekt (oder von Microsoft auch Acrylic genannt) ist momentan sehr angesagt. Ich habe auch schon mal ein Video produziert, in dem ich gezeigt habe wie ihr den Effekt mit CSS erzeugen könnt. Leider gibt es mit dieser Technik noch ein paar Probleme, wodurch man sie noch nicht wirklich produktiv einsetzen kann. Ein …

„Swipeable Bar“: Vielleicht neuer UI-Trend?

Zuletzt habe ich meine Website lgk.io überarbeitet und im Zuge dessen ein neues Element in meiner CI eingeführt: ich nenne sie „Swipeable Bar“ oder auch „Pill Bar“. Gemeint ist eine kleine aber dickere horizontale Linie oben mittig einer Anwendung.Dieses Element signalisiert: „Mich kannst du ziehen / wischen“Daraufhin passiert etwas am oberen Ende der Anwendung. In meinem …

Frosted Glass Effect CSS Tutorial

In diesem Video zeige ich wie einfach es ist, den Frosted Glass-Effekt mit CSS umzusetzen. Der Frosted Glass-Effekt ist gerade sehr beliebt. Unter anderem kommt er bereits von Apple und Microsoft zum Einsatz. Den Quellcode findet ihr hier: https://codepen.io/lgkonline/pen/aWryOo Das Hintergrundbild „Light Trails on City Street at Night“ von Steven Arenas habe ich auf Pexels gefunden: …