STATUS ÜBERPRÜFEN
I AM LISTENING TO
|

ARCHIV.

CSS

Let’s Talk!

Suchen Sie einen zuverlässigen Partner, der Ihr Projekt auf die nächste Stufe bringt? Ob es um Entwicklung, Design, Sicherheit oder laufenden Support geht – ich würde mich gerne mit Ihnen unterhalten und sehen, wie ich Ihnen helfen kann.

Nehmen Sie Kontakt auf,
und lassen Sie uns gemeinsam etwas Erstaunliches schaffen!

Native CSS Solutions (2025) 1. CSS scroll-timeline & view-timeline NEW Description: Native browser implementation for scroll-driven animationsMini Preview: NoBrowser Support: Modern browsers (Chrome 115+, Firefox 110+)Source: MDN Web Docs Benefits: Traditional Progress Bars 2. Vanilla JavaScript Progress Bar Description: Simple, lightweight scroll progress indicatorMini Preview: NoSize: <1KBSource: W3Schools 3. scrollProgress.js Description: Lightweight library for scroll […]

SVG line drawing animations create the compelling visual effect of paths being „drawn“ in real-time. While vivus.js pioneered this technique and remains relevant, the landscape has evolved significantly with modern alternatives offering better performance, smaller bundle sizes, and more features. Updated 2025: Moved over from an old article. Current State of Vivus.js (2025) Vivus.js is […]

Looking for Javascript solutions? 1. CSS Scroll-Driven Animations (The Game Changer) As of December 2024, scroll-driven animations are finally here — no JavaScript, no dependencies, no libraries, just pure CSS. These animations run off the main thread, delivering smooth, GPU-accelerated experiences. Key Features: 2. View Progress Timeline (Perfect for Reveal Effects) The view() function is […]

Hey there, fellow developers! The CSS world keeps evolving, and it’s pretty wild how many awesome tools we have at our fingertips in 2025. Whether you’re building a quick side project or tackling a massive web app, these CSS frameworks and libraries can seriously level up your development game. Let’s dive into the ones that […]

Flip cards (also known as flash cards) are interactive elements that reveal hidden content when flipped—mimicking the behavior of physical cards. They’re engaging, space-efficient, and increasingly popular for product showcases, team member profiles, quiz applications, and educational tools. This comprehensive guide explores various techniques for implementing flip cards using CSS and JavaScript. Introduction to Flip […]

In modern web design, sticky elements have become essential for creating intuitive user experiences. Whether it’s a navigation bar that follows you as you scroll, a sidebar that stays visible, or a call-to-action button that remains accessible, sticky elements improve usability and engagement on websites. In this comprehensive guide, we’ll explore different approaches to implementing […]

I am all about Sass. So organzing my CSS code has become a mission of mine :) A POSSIBLE STRUCTURE Structure is especially needed, when you are not the only one working on the design. So that everyone on the team can easily understand and contribute with ease. There are never too many files, as […]

relative sizes, so that fonts and elements resize accordingly. CURRENT RELATIVE UNITS CALCULATION If not set differently, 1 em equals 16 Pixel in most browsers, which gives us a calculation basis. Preset value = 16PX = 100% or 1EM or 1 REM So 1/16 = 0,0625 is our calculation factor. PX EM 1 = 0,0625 12 […]