Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →

Responsive Design

  • Markus Seyfferth Markus Seyfferth
  • 21. September 2021

10 Beispiele für gutes Responsive Webdesign (Showcase)

Responsives Webdesign ist bereits seit längerer Zeit in aller Entwickler Munde. Eine responsive Website gilt sozusagen als die eierlegende Wollmilchsau, denn sie funktioniert auf jedem Ausgabegerät und mit jeder denkbaren Bildschirmauflösung. Egal, ob du eine Website auf einem Smartphone, einem Tablet oder einem Desktop-Rechner anschaust, überall wird der Inhalt optimal lesbar dargestellt.
  • Responsive Design, Webdesign
  • Dieter Petereit Dieter Petereit
  • 19. April 2019

Mal was anderes: Mondrianismus im Webdesign

Kennst du Mondrian? Nein, wirst du vermutlich sagen. Das ist unwahrscheinlich. Zumindest sein Kunststil wird dir bekannt vorkommen. Schau selbst.
  • Design, Inspiration, Responsive Design, Showcases, UX Design
  • Dieter Petereit Dieter Petereit
  • 4. März 2019

Umdenken: Web-Apps sind besser als native Apps

Bei so vielen Smartphones brauchst du doch unbedingt eine App. So denken nicht wenige Unbedarfte, im Designerjargon auch als Kunden bekannt. Aber sogar Fachleute empfehlen bisweilen, bei Redesigns direkt auf native Apps zu setzen, anstatt auf eine Website. Warum das falsch ist, erklärt dieser Artikel.
  • Design, Responsive Design, UX Design
  • Dieter Petereit Dieter Petereit
  • 17. Mai 2018

Design: So erstellst du eine vertrauenswürdige Website!

Wenn du eine Website ins Netz der Netze stellst, dann kannst du damit viele verschiedene Ziele verfolgen. Der angestrebte Erfolg muss nicht unbedingt finanzieller Natur sein. Aber, egal welches Ziel du erreichen willst, du brauchst dafür das Vertrauen deiner Besucher. Das ist jedoch nicht so einfach zu bekommen…
  • Design, Responsive Design, UX Design, Webdesign
  • Dieter Petereit Dieter Petereit
  • 10. Mai 2018

UX-Design: Wenn Abonnenten deinen Newsletter nicht mehr erhalten wollen

Newsletter sind im Großen und Ganzen beliebt. Abonnenten schätzen sie und Versender schätzen sie noch mehr. Dennoch sollten sie ihre Abonnenten ziehen lassen, wenn diese es wollen.
  • Design, E-Business, E-Mail-Marketing, Responsive Design, SEO, UX Design
  • Dieter Petereit Dieter Petereit
  • 3. Mai 2018

Kartenbasiertes Design: So machst du es richtig!

Kartenbasiertes Design, auch als Card Based Design bekannt, ist nicht erst durch Googles Material Design zu Beliebtheit gelangt, sondern bietet schon länger handfeste, objektive Vorteile abseits von Konzernstrategien. Wir zeigen dir, wie du den populären Trend erfolgreich gestalterisch umsetzt.
  • Design, Responsive Design, UX Design
  • Dieter Petereit Dieter Petereit
  • 2. Mai 2018

Long Scrolling: So geht Seiten-Design heute

Der Vorspann eines jeder Star-Wars-Movies macht es vor. Die Geschichte scrollt in die Unendlichkeit. Die Timelines sozialer Medien funktionieren ähnlich. Wieso sollte es deine Website nicht ebenso tun? Was es beim Einsatz von Long Scrolling zu beachten gibt, erfährst du im folgenden Beitrag.
  • Design, Responsive Design, UX Design
  • Dieter Petereit Dieter Petereit
  • 23. Februar 2018

Newsletter-Design: So erstellst du moderne E-Mails, die wirken

Das Design eines E-Mail-Newsletters ist eine Aufgabe, die unter mehreren Aspekten angegangen werden muss. Die Ästhetik ist ein Gesichtspunkt, Marketingziele ein anderer. Wir zeigen dir, wie du alle Aspekte unter einen Hut bekommst.
  • Design, E-Business, E-Mail-Marketing, Responsive Design, SEO, UX Design
  • Dieter Petereit Dieter Petereit
  • 14. Februar 2018

Design: Die Bedienung mobiler Web-Apps muss einfach sein

Etwas zu tun, bloß weil es geht, ist eine verbreitete Unsitte in der Entwicklung. Gerade auf Smartphones gibt es viele technische Möglichkeiten. Vergiss dabei aber nicht, dass der Nutzer deiner mobilen Website es gern einfach hat. Was genau das bedeutet, erfährst du im folgenden Beitrag.
  • Design, Responsive Design, UX Design
  • Dieter Petereit Dieter Petereit
  • 2. Januar 2018

Rezepte für Webentwickler: Deine erste PWA mit dem Service Worker Cookbook

PWA, Progressive Web Apps, setzen sich nur dann als Standard gegen die nativen Mobil-Apps durch, wenn sie möglichst breite Unterstützung finden. Dabei kann jede Web-App eine progressive Web-App sein.
  • Design, Responsive Design, Webdesign
  • Dieter Petereit Dieter Petereit
  • 20. Oktober 2017

Ist der Desktop tot? Worauf ihr bei modernem Design achten solltet

Findet modernes Design heutzutage vornehmlich für mobile Nutzer statt? Wann schaltet der letzte Nutzer seinen Desktop-Rechner ab? Ist der Desktop wirklich tot?
  • Design, HTML/CSS, Responsive Design, UX Design
  • Denis Potschien Denis Potschien
  • 16. Juni 2017

Modernes Webdesign: Diese Fehler solltest du vermeiden

Webdesign und -entwicklung haben sich in den vergangenen Jahren enorm geändert. Daran ist vor allem auch das mobile Internet verantwortlich, was die Art und Weise, wann und wie wir das Internet nutzen, verändert hat. Vieles, was vor zehn Jahren noch gängig war, gilt heute als überholt. Selbst vieles, was vor zwei bis drei Jahren noch völlig aktuell war, gilt heute als veraltet. Welche Dinge solltest bei der Gestaltung und Entwicklung moderner Websites lieber nicht (mehr) machen?
  • HTML/CSS, Responsive Design, Webdesign
  • Denis Potschien Denis Potschien
  • 2. März 2016

STRATO Homepage-Baukasten: Übersichtlich, schnell und individuell anpassbar

Viele große Provider bieten in ihren Tarifen mittlerweile eigene Homepage-Baukästen an. So wird jeder im Handumdrehen zum Webdesigner. Da sich diese Baukästen vor allem an wenig erfahrene „Webmaster“ richten, ist natürlich eine übersichtliche und einfache Bedienung wichtig – im Idealfall kombiniert mit größtmöglicher Gestaltungsfreiheit. Strato gehört zu den bekanntesten und größten Webprovidern und bietet mit seinem STRATO Homepage-Baukasten einen schnellen und unkomplizierten Weg, zur eigenen Website zu kommen. Grund genug für mich, den Webseiten-Generator mal genauer zu betrachten.
  • Design, Responsive Design, Webdesign
  • Denis Potschien Denis Potschien
  • 14. Januar 2016

Wix 2016: Neuer Editor, Musik-Store und mehr

Mit Wix ist seit Jahren ein Homepage-Baukasten auf dem Markt, der das Erstellen ansprechender und zeitgemäßer Websites vereinfachen und professionalisieren will. Zahlreiche Vorlagen und umfangreiche Bearbeitungsmöglichkeiten zeichnen Wix aus. Da sich Trends und Techniken gerade bei Webdesign und -entwicklung schnell ändern, hat Wix soeben einen rundum erneuerten Editor mit neuen Features herausgebracht. So unterstützt Wix nun auch den Trend, Videos als Hintergrund einzusetzen, sowie das nach wie vor sehr beliebte Parallax-Scrolling.
  • Design, HTML/CSS, Responsive Design, Webdesign
  • Denis Potschien Denis Potschien
  • 13. Januar 2016

Simbla 2016: Responsive Websites für jedermann

Dank zahlreicher Baukästen und Website-Builder ist es möglich, sich im Handumdrehen – und ohne Kenntnisse in HTML, CSS und JavaScript – eine eigene Website zusammenzustellen. Oftmals mangelt es diesen Websites an gestalterischer, aber auch technischer Qualität. Simbla ist ein Website-Builder, der sich sowohl an Profis richtet, die selbst per HTML auszeichnen können, als auch an Laien, die einfach per Drag-and-Drop eine Website bauen möchten. Die mit Simbla erstellten Websites sind darüber hinaus vollständig responsiv und somit für die Darstellung auf Mobilgeräten wie Tablets und Smartphones geeignet.
  • Design, Responsive Design, Webdesign
  • Dieter Petereit Dieter Petereit
  • 5. Juni 2014

Responsive Images: Das Picture-Element ist endlich da!

Was lange währt, wird endlich gut. Die viel diskutierte Lösung für die Umsetzung von Bildern in responsiven Designs ist tatsächlich in der Realität angekommen. Und es ist tatsächlich das Picture-Element des W3C geworden, nachdem sich die WhatWG zuletzt für das Srcset-Attribut am Img-Element ausgesprochen hatte. Von wegen, die W3C würde nur einen statischen Schnappschuss verwalten, während die WhatWG diejenige wäre, die HTML5 als lebenden Standard, als Work in Progress betrachten.
  • Design, Responsive Design, Webdesign
  • Dieter Petereit Dieter Petereit
  • 8. August 2012

Responsive Images: Und das Picture-Element kommt doch

Wer die Beiträge zum Thema Responsive Images hier im Dr. Web Magazin verfolgt hat, weiß, dass es verschiedene Vorschläge für eine Lösung zur Implementation der Fähigkeit, Bilder in responsiven Layouts zu behandeln, gab und gibt. Einigkeit besteht allerdings nur insoweit, als das bestehende Figure-Tag für untauglich befunden wird, jedenfalls solange es unverändert bleibt. Die größten Chancen schien zunächst ein eigenes Picture-Element zu haben, dann kam es anders…
  • Design, Responsive Design
  • Dieter Petereit Dieter Petereit
  • 10. Juli 2012

WHATWG legt sich fest: Neues Attribut zum IMG-Tag soll Bilder in responsiven Layouts steuern

Vorgestern fügte die illustre Web Hypertext Application Technology Working Group (WHATWG) ihrer HTML-Spezifikation eine nicht ganz unumstrittene Neuerung hinzu. Es handelt sich um das Attribut srcset zum HTML-Element img. Mit diesem neuen Attribut eines altbekannten Tags soll die Problematik der Steuerung von Bildern in responsiven Layouts einer Lösung zugeführt werden. Einigkeit besteht immerhin darüber, dass das an sich für die Einbindung von Bildern in HTML5 vorgesehene Figure-Tag nicht in der Lage ist, für das sog. Responsive Imaging zu sorgen.
  • Design, Responsive Design
Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑