Drücke die Tasten ◄ ► für weitere Artikel  

Responsive Design: Zehn kostenlose Webdesign-Templates

Das Web findet längst nicht mehr nur auf dem Desktop statt und so ist es kein Wunder, dass Responsive Design in aller Munde ist. Damit passen sich die Webseiten dem Endgerät des Besuchers an und bieten im Optimalfall perfekte User-Experience bei jeder Viewport- oder Gerätegröße. Wer sich beim Gestalten von responsiven Webseiten noch nicht zu Hause fühlt oder gerne von fertigen Projekten lernt, findet unter den folgenden Responsive-Design-Layouts, was er braucht.

Responsive Design: Zehn kostenlose Webdesign-Templates

Designa

Responsive HTML5/CSS3 Template

Response

Buzz

Modus

Liquid Gem

Folder

Proximet

Serendipity

Halftone

Weiterführende Links

197 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
19 Antworten
  1. von Nils am 09.04.2013 (09:07Uhr)

    Sind ein paar echt gute dabei.

  2. von matthias am 09.04.2013 (09:33Uhr)

    Der Link zu Liquid Gem (download) müsste:

    http://liquidgem.birondesign.com/Liquid-Gem.zip

    sein.

  3. von Ilja Zaglov am 09.04.2013 (09:44Uhr)

    @matthias: Hab die vertauschten Links mal korrigiert, danke!

  4. von Olaf Stehr am 09.04.2013 (10:13Uhr)

    Wie weit sind die Typo3 Entwickler eigentlich beim Thema responsives Design? Sind da in Kürze größere Neuerungen zu erwarten? Danke für die Info :-)

  5. von Christopher am 09.04.2013 (10:38Uhr)

    Schau dir mal das aktuelle Introduction Package von TYPO3 an.

    Das Design dort ist bereits vollständig responsive!

  6. von web frontend | Annotary am 09.04.2013 (21:55Uhr)

    [...] More from Patrick Kohan: Rezepte misc general programming media Sort Share t3n.de       4 minutes [...]

  7. von Responsive Design: Zehn kostenlose Webde… am 10.04.2013 (21:22Uhr)

    [...] Responsive Design: Zehn kostenlose Webdesign-Templates Responsive Design: Zehn kostenlose Webdesign-Templates Das Web findet längst nicht mehr nur auf dem Desktop statt und so ist es kein Wunder, dass Responsive Design in aller Munde ist. Damit passen sich die Webseiten dem Endgerät des Besuchers … Read more on t3n Magazin [...]

  8. von Olaf Stehr am 11.04.2013 (10:54Uhr)

    Danke Christopher für den Tipp. Wie ist Eure Meinung? Ich habe für unser kleines Landhotel schon seit Jahren eine Typo3 Seite. Würdet Ihr schon in diesem Jahr auf responsives Design auf Typo3 Basis umstellen, oder noch warten - was da von Typo3 noch so alles kommt zum Thema Responsives Design? Ich freue mich auf Eure Meinung :-)
    Lieben Gruss aus der Lüneburger Heide
    Olaf Stehr
    1. Deutsches Kartoffel-Hotel

  9. von ingorenner am 11.04.2013 (16:15Uhr)

    Hi Olaf,

    im Grunde gibt es da nicht wirklich viel was TYPO3 machen kann, da sich Responsive Design ja hauptsächlich im Frontend abspielt. Im besten Falle könnte TYPO3 bei der Erkennung eines Mobil Clients eine für mobile Geräte optimierte Version ausliefern. Das geht schon seit langem, hat aber nur begrenzt etwas mit Responsive Design zu tun, weil hier serverseitig auf den User Agent reagiert wird, aber nicht auf dessen Bildshirmgröße.

    In kurz: TYPO3 muss hier keine Änderungen liefern, du kannst sofort loslegen :)

  10. von Butsch am 12.04.2013 (07:09Uhr)

    Zum Thema "Responsive Webdesign": Man darf nicht vergessen, dass nicht nur das Layout dynamisch sein muss. Die Inhalte müssen es auch sein, denn wer möchte schon einen 1000 Worte Text auf einem iPhone lesen?

    Das setzt wieder voraus, dass der Content entsprechend verwaltet wird.

    Leider wird dieser Umstand immer vergessen.

    Tipp: http://www.content-driven-ecommerce.de/managing-enterprise-content-oder-responsive-webdesign-mal-anders/

  11. von Responsive Design: Mit diesen Sketch-She… am 12.04.2013 (09:28Uhr)

    [...] Responsive Design: Zehn kostenlose Webdesign-Templates – t3n News [...]

  12. von Ulrich Lennartz am 13.04.2013 (14:55Uhr)

    Gute und ansprechende Zusammenstellung.
    Ich werde den Link in unser Blog mitaufnehmen.

  13. von Some notes (weekly) | lieblinks am 14.04.2013 (08:42Uhr)

    [...] Nice: Responsive Design, kostenlose Webdesign-Templates [...]

  14. von Olaf Stehr am 15.04.2013 (19:09Uhr)

    ...danke für die Antworten :-)
    Abschließende Frage zum Thema Responsives Design und Typo3: Habt Ihr Agentur oder Freelancer Empfehlungen für eine/meine neue Typo3 Internetseite im responiven Design? Tipps gerne an mich persönlich olaf-stehrATkartoffel-hotel.de

  15. von Ulrich Lennartz am 15.04.2013 (22:32Uhr)

    Hallo Olaf,

    http://www.lennartz-web.de hat schon viel in dem Bereich - auch mit typo - gemacht.
    Gruß Ulrich

  16. von Typecast – Die Revolution der Web-Typo… am 19.04.2013 (10:01Uhr)

    [...] Responsive Design: Zehn kostenlose Webdesign-Templates – t3n News [...]

  17. von roughy am 10.09.2013 (12:14Uhr)

    Interessanter Artikel, danke! Frage: Gibt es die Möglichkeit, ein solches Tempate relativ einfach in Typo3 einzubauen?

  18. von treefish am 18.02.2014 (17:35Uhr)

    Ja, es können ohne Probleme reponsive Templates mit TYPO3 umgesetzt werden. Unsere Agentur bietet so etwas gern an. Als Showcase einfach unsere eigene Seite mit mobilen Geräten aufrufen (bzw. Browserfenster verkleinern). http://www.treefish.de

    Bei weiterführenden Fragen sprechen Sie uns einfach direkt an!

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Tweet
  • Martin Sternsberger (@SternsbergerM): Responsive Design: Zehn kostenlose Webdesign-Templates http://t.co/mO79gf2qRg via @t3n
  • um auch hier zu erscheinen!
Mehr zum Thema Design
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch.. ... » weiterlesen

Responsive Webdesign: So überzeugst du deine Kunden
Responsive Webdesign: So überzeugst du deine Kunden

Responsive-Webdesign ist eine tolle Technik. Die Notwendigkeit von RWD an Kunden zu vermitteln, gestaltet sich aber meistens etwas schwieriger. Mit einem genauen Blick auf die Bedürfnisse deines... » weiterlesen

Sticky Footer mit variabler Höhe im Responsive Webdesign? Kein Problem!
Sticky Footer mit variabler Höhe im Responsive Webdesign? Kein Problem!

Einen Sticky Footer umzusetzen, ist nicht besonders schwierig. Kniffliger wird es, wenn er in einem responsiven Design verwendet werden soll. Wie ihr das einfach und mit wenig Code per display:table.. ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen