Die Font-Weight Skala definiert die visuelle Stärke von Schriften. Im CSS reicht sie von 100 (sehr dünn) bis 900 (sehr fett). Jeder Wert steht für eine spezifische Schriftgewichtung. Hier eine Übersicht der gebräuchlichsten Werte.
Mit Isotope.js wird dein Masonry-Layout nicht nur flexibel, sondern bleibt auch immer schön zentriert. Egal, ob auf einem kleinen Smartphone oder einem riesigen Monitor – der Code sorgt dafür, dass das Layout dynamisch angepasst wird und dabei stets in der Mitte bleibt. Erfahre, wie du Spaltenbreite und Abstände direkt aus dem CSS übernimmst und dein Layout optimal auf jede Bildschirmgrösse reagiert.
Beim Entwickeln einer Website kann es frustrierend sein, wenn sich das Mobile-Menü ständig schliesst, egal was man in der Konsole anklickt. Mit diesem JavaScript-Snippet bleibt das Menü immer geöffnet, damit du das Design und Verhalten deiner Navigation kontrollieren kannst!
Hast du dich auch schon gewundert, wieso es zwar einen :nth-child() und einen :nth-of-type(), aber keinen :nth-of-class() Selektor in CSS gibt? In diesem Beitrag zeigen wir dir, wie du dies mithilfe einer einfachen JS-Funktion umsetzen kannst.
Wenn du WooCommerce verwendest, bist du wahrscheinlich auch mit seinen vordefinierten Styles vertraut. Aber was, wenn du deinem Shop ein individuelles Aussehen verpassen möchtest? Dann musst du möglicherweise einige dieser Styles entfernen. Aber keine Sorge, das ist keine Operation am offenen Herzen. In unserem Blog-Beitrag zeigen wir dir, wie du die Styles auf die freundliche und schmerzlose Art entfernen kannst.
Mit Javascript und ein bisschen Magie kannst du deinen Webseiten Leben einhauchen und sie zum Tanzen bringen! Aber keine Sorge, du musst nicht allein zaubern. Die Bibliothek Greensock ist dein treuer Begleiter auf deiner Reise durch die wundersame Welt der Animationen. Mit ihren Superkräften kannst du spielend einfach komplexe Bewegungen und Übergänge zaubern und deine Besucher verzaubern!
Mit der beliebten Javascript-Bibliothek Isotope können HTML-Elemente gefiltert und sortiert werden. Für ein Projekt brauchte ich allerdings bei den Buttons eine Toggle-Funktion, welche die Bibliothek von sich aus nicht unterstützt. Im folgenden Beispiel habe ich diese Funktion hinzugefügt.
Na, bist du hungrig nach einer schnellen Lösung für ein Hamburger-Menü auf deiner Website? Dann haben wir hier etwas Leckeres für dich: Die Version von Jonathan Suh! Es mag zwar kein Gourmet-Menü sein, aber manchmal ist weniger eben mehr – und diese Lösung ist schön und schlank. Schau doch mal rein und lass es dir schmecken!
Mit der Bibliothek animate.css kannst du kinderleicht coole Animationen auf deiner Seite einbinden – und das ganz ohne JavaScript! Egal ob du einen Text hervorheben oder ein Bild bewegen möchtest, animate.css hat die passende Animation parat. Probier’s doch einfach mal aus und lass deine Seite lebendiger wirken!