Ihr habt sicher schon von diesem NTH Child Selektor gehört, damit lassen sich repetitive Arbeiten leicht abnehmen. Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus. Eine praktische Sache wenn man DIV Klassen ansprechen muss, die den gleichen...
Diese Art von Animation sieht man immer wieder gerne. Man kann nämlich nicht nur ganze Wörter animieren sondern auch Buchstabe für Buchstabe und zwar einer genialen Javascript Bibliothek genannt GSA. Ihr denkt jetzt sicher, momentmal das sieht zwar cool aus ist aber...
Es gibt immer wieder Leserinnen und Leser die mich mit einer Frage kontaktieren – oft sind es sehr direkte und spezielle Fragen zu einem Einzellfall. Leider kann ich diese Fragen dann nicht hier im Blog veröffentlich oder als Video teilen. Aber es gibt hin und...
Heute möchte ich euch zeigen wie ihr ein sogenannten Fixed Footer oder Fixed Header in eure Webseite einbauen könnt. Ihr habt das sicher schon öfter gesehen, denn es ist ein Designelement das wirklich sehr gerne verwendet wird. Wenn man nämlich viel Inhalt auf die...
Heute möchte ich euch etwas zeigen, das viele bereits aus den Online Shops kennen. Und zwar zeige ich dir, wie du es schaffst dass ein Element ausgeblendet ist und erst sichtbar wird, wenn man eine Checkbox aktiviert. Dieser Effekt kann man sehr schön einsetzen, man...
Hin und wieder liebe ich verrückte Ideen und heute möchte ich euch mal etwas ganz cooles zeigen. Ihr habt in Apps und Programme sicher den sogenannten DarkMode schon gesehen. Da kann man mit einem Knopfdruck das Design verdunkeln. Wie wäre es wenn ihr sowas –...
Auf Webseiten sieht man diesen Effekt immer wieder. Man sieht eine Fullscreen Seite die in 2 Teilen geteilt ist und die Elemente sind eingemittet. Dieser kleine Effekt ergibt gut durchgeführt einen schönen WOW Effekt in jeder Webseite. Ich persönlich liebe FullScreen...
Ihr wisst ja dass die Bilder im SVG Format sehr genial sind und irgendwann in der Zukunft wohl immer mehr eingesetzt werden können. Dummerweise hat WordPress den Einsetz von SVG Dateien gesperrt. Jetzt könnte man natürlich ein Plugin installieren, mit dem man wieder...
In dieser kleinen CSS Serie zeige ich euch in den nächsten Tagen wie ihr mit ein paar CSS und HTML Codezeilen schöne und einfache Hintergründe erstellen könnt. Wenn ihr also mehr über Radial-Gradient, Linear Gradient, Transform etc in CSS lernen wollt – dann...
Heute möchte ich euch kurz zeigen wie ihr WebP und Affinity Photo miteinander arbeiten lassen könnt. Affinity Photo kann nämlich ohne grosse Probleme ein WebP Bild öffnen und als JPG exportieren. Damit ist dieses Tool hier dem Adobe Photoshoptool überlegen. Wenn ihr...
