11.01.2010
Web-Tipp - The Styleworks
Heute musste ich mal wieder etwas zum Thema Definition von CSS-Klassen nachschlagen und bediente dazu mich einer weltbekannten Suchmaschine. Mal abgesehen davon, dass ich mich wieder fragte, warum ich diesen ganzen Kram immer wieder vergesse - fündig wurde ich bei “The Styleworks”
Diese Website ist ein Versuch, zu demonstrieren, was mit Hilfe von Cascading Stylesheets möglich ist. Praktische Anwendungen werden Schritt für Schritt ausgearbeitet, ergänzt durch eine ausführliche Darstellung von theoretischen Grundlagen und aktuellen Entwicklungen.
Ich bin schon mehrfach bei Recherchen auf die Seite gestoßen und freue mich jedesmal über die gelungene Darstellung des Themas “Was ich vielleicht über CSS wissen sollte - mir aber nicht merken kann”. Für Leute wie mich ist diese Grundlagenseite genau das Richtige.
Die Abbildung gibt eine Übersicht die Struktur von “The Styleworks”.
09.01.2010
CSS-Templates zeichnen - wie cool ist das denn …
Heute bin ich via webstockbox.com auf ein Online-Tool aufmerksam geworden, mit dessen Hilfe es möglich ist, css-basierte Webseiten-Templates zu zeichnen. Es nennt sich Drawter und ist unter der gleichnamigen Adresse zu finden: drawter.com. Ich habe gleich ein wenig damit rumgespielt und bin schwer beeindruckt. Der grundlegende Einstieg ist ganz einfach: Man malt die benötigten Boxen und generiert anschließend den Code - fertig. Diesen gibt es sowohl als (X)HTML/CSS-Code in einer Datei als auch in getrennten (X)HTML und CSS-Dateien.
Allerdings ist mit dem Tool noch einiges mehr an Feinarbeit möglich. Wenn ihr ein wenig damit herumexperimentiert habt, seht euch unbedingt den zugehörigen Screencast an (oder heißt es das Screencast??). Hier einige Möglichkeiten des Tools aus der Erinnerung:
- Farben festlegen
- Schriftgrößen festlegen
- Bilder einbinden
- Boxen selbst benennen
- alle möglichen Styles für unterschiedliche Elemente festlegen
- Doctype und Sprache festlegen
- …
- …
Zukünftig ist von Drawter noch mehr zu erwarten. Das gegenwärtige Tool wird als Pro-Variante bezeichnet. HTML- und CSS-Kenntnisse werden vorausgesetzt. Demnächst soll es auch eine “Amateur”-Version geben, die dies nicht erfordert. Man darf gespannt sein.
Drawter Beta 2 is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. … Each tag is presented as a layer you have drawn.
Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required.
…
Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called “Amateur”. Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching soon, really soon.
07.01.2010
Werkzeugkoffer
Moin,
eigentlich steh’ ich ja nicht so auf Linksammlungen. Es besteht immer die Gefahr, dass diese ausufern und/oder man selbst sich drin verliert, ohne inhaltlich auch nur ein Stück weiter zu kommen. Heute bin ich allerdings über den Werkzeugkoffer von Matthias Schütz gestolpert.
Der Werkzeugkoffer stellt eine Linksammlung mit Ressourcen für Webdesigner und Entwickler dar. Die Links sind in Kategorien eingeteilt, die den kompletten Prozess des Webdesigns widerspiegeln sollen. Momentan enthält der Werkzeugkoffer 223 Links.
Die Liste gefällt mir, weil sie schön strukturiert daherkommt und die Anzahl der Links in den Kategorien nicht zu hoch wird. Sie stellt einen schönen Ausgangspunkt zum Stöbern dar, wenn man sich für das Thema Webdesign interessiert.