leine.info » CSS http://leine.info Discover my public and private World. Thu, 22 Dec 2011 13:57:16 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS Selektoren für Dummys http://leine.info/2009/02/css-selektoren-fur-dummys/ http://leine.info/2009/02/css-selektoren-fur-dummys/#comments Fri, 27 Feb 2009 07:00:09 +0000 jleine http://leine.info/?p=212 Continue reading →]]> Jeder kennt das. Man versucht sich an CSS Selektoren und man muss immer kurz überlegen wie der jeweilige Selektor aussehen muss, damit nur genau der DOM Baum Teil selektiert wird, den man eigentlich haben will. Wenn man in diesem Bereich nicht wirklich geübt ist, kann dies am Anfang frustrierend sein. Doch genau in diese Lücke springt nun SelectorGadget.

SelektorGagdet ist ein nettes kleines JavaScript Tool, welches einem genau diese Arbeit abnimmt. Alles was man braucht ist ein Bookmark auf deren JS Code und schon lädt der Browser deren Open Source Selektoren Tool. Jetzt kann man sich einfach seinen Selektor bequem zusammenklicken und SelectorGadget generiert den dazu passenden Query.

selectorgadget

Ich finde das erleichtert einem die Arbeit ungemein und mal unter uns: Manchmal bin ich auch einfach zu faul den Selektor manuell zu schreiben ;-)

]]> http://leine.info/2009/02/css-selektoren-fur-dummys/feed/ 0 Quick Start: Website Layout http://leine.info/2009/02/quick-start-website-layout/ http://leine.info/2009/02/quick-start-website-layout/#comments Thu, 12 Feb 2009 12:24:15 +0000 jleine http://leine.info/?p=130 Continue reading →]]> Heute möchte ich euch auf YAML aufmerksam machen. Immer wieder stehe ich vor dem Problem, daß ich ein grundlegendes Layout benötige, ich mir aber nicht die Mühe machen möchte ein sauberes CSS Layout von Anfang an aufzubauen.

yaml

Also bemühte ich ein wenig Google und dort wurde ich auf YAML aufmerksam. YAML ist ein Website Layout Generator, der einem diese unliebsame Arbeit abnimmt. Über eine Layoutgenerator kann man sich sein gwünschtes Layout mit wenigen Klicks zusammenstellen und YAML spuckt am Ende ein sauber strukturiertes XHTML Gerüst samt vorbildlichen CSS Definitionen aus.

yamlbuilder

Der Webdesigner oder Webentwickler kann sich danach auf das wesentliche konzentrieren, nämlich die Generierung von Content und das für alle Browser, IE6 eingeschlossen :-)

]]> http://leine.info/2009/02/quick-start-website-layout/feed/ 0