So kannst du das Laden von gecachtem JavaScript und CSS verhindern
Dass JavaScript und CSS-Dateien nach einer Änderung im Browser nicht neu geladen, sondern aus dem Cache geladen werden, kann eine nervige Angelegenheit sein. Insbesondere auch…
CSS
WordPress Seitenzahlen
Mit „the_posts_pagination()“ gibt WordPress eine praktische Funktion an die Hand, die die Erstellung von Seitenzahlen erheblich vereinfacht: Um Custom Posts mit Paginierung auszugeben, kannst du…
Text-Fade-in-Effekt mit CSS und JavaScript
Mit folgendem Snippet lässt sich ein subtiler, schicker Text-Eingangs-Effekt erzielen, der sich insbesondere für große Headlines eignet. Lorem ipsum dolor sit amet constructor Noch mal
Wie lernt man Websites zu programmieren? – Tipps für angehende Webentwickler.
Ich werde ja häufiger mal von Azubis und Praktikanten gefragt: „Wie lernt man eigentlich Websites zu programmieren?“ Als überzeugter Autodidakt fällt es mir nicht immer…
Responsive, quadratische divs mit CSS
Mit der CSS-Eigenschaft „aspect-ratio“ kannst die Höhe von divs (und anderen Elementen) responsive anpassen ohne die Breite zu kennen. Das ist z.B. sehr praktisch, wenn…
So kannst du Logos auf einer Website gleichmäßig darstellen
Endlich habe ich die ultimative Lösung gefunden um Logos auf einer Website darzustellen. Viele Jahre habe ich mit „float“, „margin“, Spacern & Background-Images gearbeitet und…
Multilevel-CSS-only-Dropdown-Navigation
Mit folgendem Stylesheet lässt sich eine Navigation mit mehreren Unterebenen darstellen, die sehr gut an das eigene Design adaptierbar ist: Der dazugehörige HTML-Code besteht aus…
Eigene Farben im Gutenberg-Editor definieren / Span-Styles in WordPress
Wie man Blöcken im Gutenberg-Editor eigene Klassen zuweisen kann, hatte ich hier schon mal beschrieben. Hierbei wird die Klasse jedoch immer auf den gesamten Block…
Reihenfolge der Spalten im Gutenberg-Editor mobil ändern.
Ein häufig verwendeter Design-Aufbau im Web ist: „Text links, Bild rechts“. Dieser Aufbau lässt sich auch im Gutenberg-Editor in WordPress sehr leicht umsetzen. Das Problem…
Responsive Text
Im responsive Webdesign wird wird die Schriftgröße in der Regel durch Breakpoints und Mediaqueries angepasst. Z.B. auf kleinen Bildschirmen 14px und auf großen Bildschirmen 22px.…
YouTube-Videos responsive einbetten
Mit folgendem Code lassen sich YouTube-Videos im Format 16:9 responsive einbetten:
background-Attachment: fixed und background-size: cover auf einem iPhone oder iPad
Es ist ein altes Problem, das Apple leider bis heute nicht behoben hat: Die CSS-Eigenschaft „background-Attachment:fixed“ lässt sich nicht in Kombination „background-size: cover“ nutzen. Während…