715 Awesomely Simple and Free CSS Layouts

Sie sind frustriert über die Qualität von kostenlosen CSS-Vorlagen online, aber nicht so sehr, wie Sie Ihre eigenen erstellen. Sind Sie es leid, Stunden damit zu verbringen, lahm vorgefertigte Designs anzupassen?

Heute bieten wir Ihnen über 700 frei herunterladbare CSS-Vorlagen, die sich darauf konzentrieren, Ihnen nur ein grundlegendes Layout zu bieten, auf dem Sie aufbauen können. Mit diesen Cross-Browser-Layouts können Sie endlose CSS-Positionierungsprobleme vermeiden und sich auf das konzentrieren, was Sie können: Design.

Für wen sind diese?

Viele von euch waren schon seit Jahren im Design-Spiel, beginnen aber erst jetzt damit, Websites zu erstellen und sie von Hand zu codieren. Sie verfügen über genügend Photoshop-Kenntnisse, um ein schönes Design zu erzeugen und über grundlegende CSS-Kenntnisse, um den Text hübsch erscheinen zu lassen.

Das größte Problem, mit dem viele neue Entwickler konfrontiert sind, kann jedoch einfach darin bestehen, dass ihr grundlegendes Layout in CSS funktioniert. Das Positionieren mit CSS kann viel schwieriger sein als das grundlegende Styling, insbesondere wenn Sie mehrere Browser in Betracht ziehen. Wenn Sie sich nicht sicher sind, wie Sie ein Problem lösen sollen, können Sie stundenlanges Anpassen genau dort einsetzen, wo Sie angefangen haben.

Die unten aufgeführten einfachen herunterladbaren Layouts bieten Ihnen ein solides Fundament, auf dem Sie Ihre Websites erstellen können, und geben Ihnen hervorragende Beispiele, wie Sie Ihre eigenen Websites erstellen können.

Warum nicht vollständige Vorlagen?

Wenn Sie eine schnelle Google-Suche nach kostenlosen CSS-Vorlagen durchführen, werden Sie eine Million davon finden. Die meisten davon sind jedoch nicht ideal für echte Webentwickler, die einzigartige Websites erstellen möchten. Was Sie normalerweise bekommen, ist etwa so:

Vorlagen wie diese zwingen Sie wirklich zu einem hässlichen vorgefertigten Design, dem Sie entweder folgen müssen oder stundenlang auseinander gehen müssen, um zu versuchen und anzupassen. Am Ende wäre es einfacher gewesen, es selbst von Grund auf zu codieren!

Ich denke, es ist viel nützlicher, ein paar super einfache CSS-Layouts herunterzuladen, die so einfach wie möglich sind. Auf diese Weise können Sie schnell das Layout einer Seite erstellen, ohne den halben Tag damit zu verbringen, Code zu sortieren, den Sie nicht benötigen. Das typische Layout in dieser Kategorie sieht eher so aus:

Hier haben wir weder Text noch Bilder zum Auswerfen, es ist nur ein nacktes Skelett, das Sie ausfüllen können. Sehen Sie sich unten die großartigen Ressourcen an, um alle grundlegenden Layoutvorlagen zu finden, die Sie jemals brauchen werden!

Haupt-CSS: 22 Layouts

Primary ist ein einfaches CSS-Framework, das für Entwickler und Designer entwickelt wurde, um die Verwendung von CSS so einfach wie möglich zu gestalten.

Kleine Boxen: 16 Layouts

Eine interessante Sammlung von vier Grundlayouts, die mit verschiedenen Methoden erstellt wurden.

CSS Easy: 8 Layouts

Eine Sammlung von vier festen und vier flüssigen Layouts, die Ihnen die Grundlagen der CSS-Positionierung vermitteln sollen.

Max Design: 25 Layouts

Eine solide Sammlung von Super-Basic-Vorlagen, von denen viele begleitende Tutorials enthalten, damit Sie erfahren, wie das geht.

Iron Meyers: 224 Layouts

Auf jeden Fall eine der besten Ressourcen auf der Liste. Diese Seite enthält 56 grundlegende Layouts mit jeweils vier Versionen: 100% Fluid, 974px, 950px und 750px.

Dynamisches Laufwerk: 47 Layouts

Diese CSS-Layouts sind in vier Kategorien unterteilt: zwei Spalten, drei Spalten, feste Layouts, flüssige Layouts und CSS-Frames.

Intensivstation: 16 Layouts

Eine kleine, aber nützliche Sammlung von XHTML 1.0- und CSS2-Layouts.

BlueRobot: 3 Layouts

Nur drei Vorlagen hier, aber sie sind solide und beliebte Layouts, die Sie unbedingt überprüfen sollten, wenn Sie etwas Grundlegendes benötigen.

Matthew James Taylor: 7 Layouts

Keine CSS-Hacks. SEO freundlich. Keine Bilder Kein JavaScript. Browser- und iPhone-kompatibel. Diese Layouts enthalten auch eine Menge Dokumentation, um Ihnen den Einstieg zu erleichtern.

Kostenloses CSS: 252 Layouts

252 CSS-Layouts, mit denen Sie den richtigen Weg finden. Schnell herunterzuladen und einfach anzupassen!

Code saugt: 95 Layouts

Code Sucks bietet eine beeindruckende Sammlung von kostenlos herunterladbaren Layouts mit 53 Versionen mit fester Breite und 42 Faux-Column-Versionen. Faux-Spaltenlayouts verwenden ein Hintergrundbild, um die linke und die rechte Spalte gleich hoch und unabhängig voneinander aussehen zu lassen.

Fazit

Wenn Sie die obigen Layouts zerreißen, sollten Sie viel praktischer über das Positionieren von CSS lernen, als drei Bücher über CSS zu lesen. Stellen Sie sicher, dass Sie diese Vorlagen nicht nur implementieren, sondern die Reifen wirklich kicken und die Zahlen anpassen, um zu sehen, wie sie funktionieren.

Hinterlasse einen Kommentar und lass uns wissen, ob du diesen Beitrag nützlich gefunden hast. Vergewissern Sie sich auch, dass Sie andere Ressourcen nutzen, die Sie für grundlegende CSS-Layouts verwenden.