[01]Responsive Webdesign 2026
Container Queries. Fluid Type. clamp(). Standard bei uns.
[01]Responsive heute
Responsive Webdesign 2026 hat wenig mit Bootstrap-Breakpoints von 2014 zu tun. Container Queries (@container) reagieren auf Komponenten-Groesse, nicht Viewport. Fluid Typography mit clamp() skaliert ohne Schwellen. CSS-Grid mit auto-fit und minmax() loest Layouts, fuer die wir frueher JavaScript brauchten. Wir designen heute Komponenten, die in jedem Kontext funktionieren — Sidebar, Modal, Card-Grid, Hero — ohne dass wir fuenf Varianten pflegen muessen. Das ist responsive 2026.
Komponenten reagieren auf ihren Parent-Container, nicht Viewport. Eine Card in Sidebar verhaelt sich anders als im Grid. CSS-natuerlich, ohne JavaScript.
font-size: clamp(1rem, 0.5rem + 2vw, 1.5rem). Keine Step-Sprünge, keine Layout-Shifts bei Resize. Typografie skaliert kontinuierlich.
Subgrid, auto-fit, minmax, aspect-ratio, gap. Wir nutzen CSS-Layout-Primitives, nicht 12-Spalten-Grid-Frameworks. Bundle kleiner, Code lesbarer.
[03]Tech-Patterns
Moderne CSS-Features ersetzen ganze JavaScript-Libraries. Wir setzen sie ein, wo sie reife sind, und dokumentieren Fallbacks fuer Edge-Cases.
Wir hatten ein altes responsive Theme mit fuenf Breakpoints und endlosen Sonderfaellen. Wibify hat alles mit Container Queries neu gebaut. Jetzt funktioniert eine Card in der Sidebar genauso wie im Main-Grid. CSS-Bundle 38% kleiner, Wartung trivial.
[02]Häufige Fragen
Media Queries reagieren auf Viewport (Geraet). Container Queries auf den Container, in dem die Komponente sitzt. Eine Card weiss, ob sie 200px oder 800px breit ist — und passt sich an, unabhaengig vom Geraet.
Ja. Stable seit Chrome 105, Safari 16, Firefox 110. Globale Coverage >95% in 2026. Wir setzen sie als Default ein, mit @supports-Fallback nur fuer Legacy-Edge-Cases.
Wir bauen Mobile-First mit graceful degradation. Geraete ohne Container-Query-Support bekommen das Mobile-Layout — funktional, nur ohne adaptive Komponenten-Logik.
Tailwind-Default (sm 640, md 768, lg 1024, xl 1280, 2xl 1536). Plus Container-Breakpoints (@sm, @md, @lg) fuer Komponenten. Aber wir versuchen, Fluid-Patterns ohne Breakpoints zu erreichen, wo moeglich.
Komplett-Refactoring bestehender Site mit Container Queries und Fluid Type: ab 7.900 EUR (Sprint, 4 Wochen). Neu-Bau Marketing-Site ab 12.900 EUR.
Bestehende Sites mit klarer Komponenten-Struktur: 3–4 Wochen. Legacy-Codebases mit Inline-Styles und Sonderfaellen: 5–8 Wochen.
Refactoring-Diff im Git, dokumentiertes Layout-System, Visual-Regression-Tests (Playwright + Percy), Browser-Support-Matrix, 30 Tage Bugfix-Garantie.
Default: letzte 2 Versionen von Chrome, Safari, Firefox, Edge. iOS Safari 16+, Android Chrome 110+. Legacy-Support (IE11, alte Safari) auf Anfrage mit Aufschlag.
[03]Leistungen / Was wir machen
Hochperformante Marketing-Sites, Landing Pages und Corporate Websites — gebaut für Conversion und Geschwindigkeit.
Markenidentitäten von Logo bis Designsystem — Identitäten die haften und über alle Touchpoints konsistent funktionieren.
Custom Tools, interne Plattformen und SaaS-Produkte. Vom MVP bis zur skalierbaren Enterprise-Lösung.
Native und Cross-Platform Apps mit erstklassiger User Experience — iOS, Android und alles dazwischen.
[04]Prozess / Wie wir arbeiten
Wir lernen euch und eure Marke kennen. Ziele, Zielgruppe, Wettbewerb. Daraus entsteht die Roadmap, die alles Weitere trägt.
Identität, Interface, Prototyp. Hier wird die Marke sichtbar — vom Logo bis zum letzten Pixel der Website.
Entwicklung in modernem Stack: Next.js, React, Performance-first. Sauberer Code, der skaliert und in fünf Jahren noch läuft.
Deployment, Monitoring, kontinuierliche Optimierung. Wir bleiben dran — eure Marke wächst, wir wachsen mit.
[05]Studio · Hauptquartier
StudioHier entstehen Webseiten, Marken und digitale Produkte für ambitionierte Unternehmen mit Anspruch — kein Großraumbüro, kein Stockwerksplan, dafür direkter Zugang und kurze Entscheidungswege.
[06]Kontakt
Direkter Draht zu Kerim — kein Account-Manager und kein Briefing-Telefonspiel zwischen Abteilungen. Erzähl uns von deinem nächsten Projekt für digitale Produkte mit Anspruch, und wir antworten innerhalb von 24 Stunden mit konkreten nächsten Schritten.
Briefing
Schreib uns ein kurzes Briefing.
[07]Profil · Mind behind
FounderDeveloperDesigner
Mit zehn das erste HTML-Projekt. Heute ist Wibify ein Studio mit über elf Jahren Erfahrung — Entwickler, Designer und Management in einer Person.
Webseiten, optimiert für echte Ergebnisse.
93 Mio
Seitenaufrufe
3 Mio
Eindeutige Nutzer
1 Mrd+
Netzwerk-Requests
Briefing, Konzept, Design, Build, Betrieb — keine Übergaben zwischen Spezialisten. Du redest die ganze Zeit mit dem Studio, das auch wirklich baut.
Volle Lighthouse-Punktzahl in Performance, SEO, Barrierefreiheit und Best Practices — Standard bei jedem Projekt, nicht Glücksfall.
