Ich sehe immer wieder Menschen die mit Canva arbeiten und geniale Bilder für Social Media Posts erstellen oder für Blogbeiträge oder einfach für die Webseite. Dann folgen sie den Empfehlungen auf Canva und irgendwann merken sie, dass ihre Online Shops oder Blogs oder...
Design
DIVI: Erster Buchstabe eines Text Elements stylen
Wolltet ihr schon immer mal den Text in einem Textmodul in Divi ein wenig aufbessern? Erinnert ihr euch noch an die alten Bücher aus den Mittelalter wo die Mönche geschrieben haben und überall so stark verzierte Buchstaben drin stehen hatten? Genau sowas könnt ihr...
Eine Liste wie eine Zeitleiste stylen? CSS Anleitung
Gehen euch die einfachen Listen in HTML auch langsam auf den Wecker? Dann habe ich hier ein Beispiel wie ihr eine Liste verschönern könnt. Mit diesem kleinen Trick kann man aus einer Liste ne Art Timeline machen oder einfach die ganze Liste ein wenig farbenfroher...
Affinity Photo: Wie schneide ich einen Bildausschnitt aus?
Manchmal möchte man ja nur ein Teil eines Bildes verwenden und möchte darum diesen Teil ausschneiden. In diesem Video zeige ich euch wie man das in Affinity Photo genau macht. Es ist übrigens egal ob ihr Affinity Photo Version 1 oder Version 2 verwendet, es...
Affinity Photo: Wie verkleinere ich ein Bild?
In diesem kleinen Video zeige ich euch wie man ein Bild in Affinity Photo verkleinern kann. Auch wenn diese Funktion ein wenig kompliziert aufgebaut ist, so ist es eigentlich ganz einfach. Übrigens es macht keinen Unterschied ob ihr Affinity Photo Version 1 oder...
Farbiger Text mit NTH-Child Selektor (CSS Anleitung)
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...
Herunterfallende Text Animation mit GSAP Bibliothek (CSS und Javascript Anleitung)
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...
Divi: Wie kann ich den Standard Footer deaktivieren?
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...
Einen fixed Header oder Footer mit CSS erstellen (CSS Anleitung Deutsch)
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...
Mit Javascript Text verstecken und anzeigen lassen (Deutsche Anleitung)
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...









