Gerrit van Aaken hat gestern sein HTML/CSS/JS-Kickstart-Paket vorgestellt. Eine sehr feine Sache wie ich finde, die jeder Webentwickler auf der Festplatte haben sollte.
Der Ablauf ist ja fast bei allen Entwicklern der selbe. Man macht/bekommt eine Layout-Datei welche nun im nächsten Schritt in ein XHTML-Dokument portiert werden muss um danach dann in den meisten Fällen als Template für ein CMS dienen zu können.
In einem Startup-Paket werden dabei alle Features vereint die man bei einer Design-Umsetzung in den meisten Fällen eh benötigen würde. Bei mir heißt das das eine index.html mit einer gewissen Struktur samt DOCTYPE und Metatags vorhanden ist, als auch eine Ordnerhierarchie mit CSS-Dateien für Screen, Print und Browserhacks (IE6).
Das CSS beinhaltet zudem bereits einige Resets und Klassen die sich im Alltag als nützlich erwiesen haben.
In Gerrits Paket wurde zudem bereits jQuery integriert, was ich als sehr nützlich ansehe, denn mittlerweile gehört auch jQuery bei mir zu fast allen neuen Umsetzungen dazu.
Da mir das Kickstart-Paket sehr gefallen hat habe ich mir dieses einmal vorgenommen und meinen persönlichen Ansprüchen nach noch einmal modifiziert, denn nur so ist ein schneller Start aus meiner Sicht möglich. Jeder hat einen etwas anderen Workflow und somit auch unterschiedliche Vorlieben was solch ein Paket angeht. Wer sich evtl. für meine Vorlieben interessiert, kann sich nun also auch meine Modifikation herunterladen.
Im Prinzip wurde dem Paket erstmal ein gewisses Grundmarkup beschert, was sich hier jedoch auf <div id="wrapper"> und ein <h1> beschränkt. Denn diese beiden Elemente sind aus meiner Sicht erstmal bei jedem Projekt der Grundstein. Das CSS-Reset von Eric Meyer wurde in die screen.css übernommen und ein wenig komprimiert. Das spart ein wenig Ladezeit. Die ie7.css wurde ebenfalls verbannt, da ich in letzter Zeit eher weniger Probleme mit dem IE7 hatte und daher die kleine Anzahl an Hacks auch in die screen.css übernehmen kann.
Ansonsten wurden noch einige Feinheiten wie z.B. ein Favicon zur schnellen Identifikation im Browser, robots.txt, sowie einige Metatags beigelegt. Schauts euch einfach an und sagt mir eure Meinung.
Kommentare zum Thema Arbeitsvorlage für neue Projekte:
Wenn schon Metatags mit dabei sind, würde ich auf jedenfall eines mit dem Attribut description aufnehmen. Der Inhalt des Descriptionfeldes wird von Google oft in die SERPs übernommen, was recht schön aussieht. Auch wenn es sich nicht (kaum) aufs Ranking auswirkt.
Das mit den robot.txts finde ich eine gelungene Idee, die vergesse ich sonst schon mal. Habe mir gerade auch für meine Vorlage eine robot.txts angelegt.
Genau, jeder hat eine Unterschiedliche Art an neue Seiten heran zu gehen, der eine startet gerne bei 0, der nächste nimmt sich schon eine fast fertige Seite und löscht die Teile die er nicht benötigt…
Von daher können solche Pakete oftmals wirklich nur als Anreiz für das eigene Paket dienen, weil man so mal schauen kann wie andere starten und sich so einzelne Ideen und Schnippsel “klauen” können :)
Ich wäre auch dafür das jeder sein kleines Paket zusammenstellen und veröffentlichen sollte, ein Allrounder-Pack gibt es da sowieso nicht.
@Benjamin: Da ich in letzter Zeit viele Entwürfe für das Sefrengo-CMS umsetze habe ich die Description für mich nicht aufgenommen da diese Tags später vom CMS automatisch generiert werden. Für andere ist es wahrscheinlich im Quelltext aber schon relevant, da geb ich dir Recht.
Kommentar-Feed für diesen Artikel
Überwachungsstaat ist beschlossene Sache... Hacken mit Firebug und Formularfeldern?
Werde mein Paket wohl auch mal anbieten. Jeder Webdesigner mit halbwegs Verstand hat so ein Teil eh schon im Schubladen herumliegen.
Für alle anderen ist es eine Inspiration, über kurz oder lang mischt jeder sein eigenes Element bei. Wie Du ja auch schon treffend bemerkt hast.