10 CSS Generatoren für schnelleres Webdesign
Ich bin ja generell gegen WYSIWYG-Editoren, aber manchmal sind kleine Hilfsmittel zur Erzeugung von Code garnicht so falsch, gerade bei Zeitmangel oder wenn man einfach mal erfahren will welche Möglichkeiten es gibt, bieten sich solche Tools an. Ich hab mich mal im Internet umgeschaut und bin auf folgende 10 (kostenlose) Tools zur Generierung von CSS-Code gestoßen:
10 CSS Generatoren
- CSS-Listen - ein Generator zur Erzeugung von CSS Listen. Die Einstellungsmöglichkeiten sind sehr umfangreich und die Ausgabe erfolgt als Cross-Browser-Code
- CSS-Layout - der erste Schritt zur Erzeugung einer Website ist immer das Grundlayout - also ob 1, 2 oder 3 Spalten - zu erstellen. Mit diesem Tool geht das nun automatisch, man kann auswählen wie breit die Website werden soll, wieviele Spalten und an welcher Stelle diese stehen sollen. Ausserdem läßt sich der Code noch inklusive des Box Modell Hacks ausgeben, mit dem das Layout auch im IE identisch ausgegeben wird.
- CSS-Layout-Generator-2 - noch ein Tool um ein Layout zu erzeugen, zudem kann man direkt den Doctype wählen. Viele Einstellmöglichkeiten - wie zum Beispiel die Farben - finde ich überflüßig und blähen den Generator nur auf.
- CSS-Menüs - dies dürfte einer der nützlichsten Generatoren in dieser Liste sein, mit diesem kann man Css Menüs erstellen. Ein großer Nachteil ist die geringe Auswahl, man kann anfangs zwischen 4 Menüs auswählen und das gewählte dann verändern. Dafür erhält man aber ein sauberes, in Css gestaltetes Menü
- Css-Button und Fields - manchmal möchte man auf das Standard-Aussehen von input Feldern und Submit Buttons von Formularen verzichten und eigene erstellen. Mit diesem Tool ist das zwar möglich, aber die Umsetzung ist doch recht schlecht. Ich empfehle das Tool nur zur Orientierung zu nutzen - also um zu sehen welche Möglichkeiten es gibt - und dann noch mal selbst nachzubessern
- CSS-Menüs-2 - hiermit lassen sich auch Menüs erstellen und man hat sogar noch eine viel größere Layoutauswahl. Hinzu kommt das man zwischen einem horizontalen oder einem vertikalen Layout auswählen kann
- Rollover Generator - hiermit lassen sich rollover Buttons erzeugen. Die Einstellungsmöglichkeiten sind recht umfangreich
- Css-Link-Generator - gut formatierte Links sind wichtig für die Usability, deshalb sollte man wenn möglich alle Pseudo-elemente des a-Tags verwenden. Wer nicht die Übersicht verlieren will, kann dieses Tool nutzen.
- Runde Boxen - die Einstellungsmöglichkeiten sind zwar gering und die Ecken werden mit Grafiken erzeugt, aber solange der IE das rounded-corner Element nicht unterstützt, muss man sich wohl damit behelfen
- CSS-Formulare - Formulare bieten unterschiedliche Elemente - Checkboxen, Buttons, Pulldown Menüs, usw. - mit diesem Generator lassen sie sich einfach formatieren. Auch nützlich um zu sehen welche Möglichkeiten es gibt
Selber programmieren ist zwar immer besser, aber manchmal bringt einem so ein Generator weiter.
Verwandte Artikel
- Font-Kompendium
- Wann kauft Google CrazyEgg?
- Branding - harmonisches Webdesign zwischen Corporate Identity und Corporate Design
- Formular-Button mit CSS
- Web2.0 Design leicht gemacht
Sei der erste, der einen Kommentar abgibt
Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.
