Elegante CSS-Styles auf Knopfdruck
Es ist nicht immer einfach, den effektivsten Weg bei der Webentwicklung zu finden. Man beginnt mit einer einzigen HTML-Datei, die den gesamten Quellcode enthält. So ist es oft mühselige Fleißarbeit, alle Styles nachträglich als ordentliches CSS-Template auszulagern. Mit BearCSS lässt sich in drei einfachen Schritten aus einer bestehenden HTML-Datei ein solides CSS-Template generieren, dass alle definierten HTML-Elemente, Klassen und IDs enthält. Man lädt seine HTML-Datei einfach hoch, das CSS-Template wird automatisch von BearCSS erzeugt und kann dann als einzelne CSS-Datei heruntergeladen werden.
BearCSS wurde von den beiden Belfaster Studenten Kyle Gawley und Jordan Henderson mit Hilfe der Webentwicklungsumgebung Coda für Mac entwickelt. Technisch basiert BearCS auf HTML5, CSS, jQuery und PHP.
BearCSS mag nicht für jeden Workflow geeignet sein. Aber das Tool kann sehr viel Zeit sparen, wenn man aus HTML nachträglich auf Knopfdruck gut strukturierte CSS-Templates erzeugen möchte.
Weiterführende Links:
von Martin 06.02.2012 (11:05Uhr) 1.
Kurzer Artikel der mir den Sinn dieses Tools nicht wirklich beschreibt.
Wer Arbeitet nicht gleich so, HTML -> CSS Datei?
Habe ich das richtig verstanden, wenn ich die klassen und div´s in der HTML styles angebe, das dieses Tool dann eine CSS Datei erstellt - das wars?
von Markus 06.02.2012 (11:07Uhr) 2.
hab ich schon vor ca. 2 Wochen getestet... net so dolle :)
mach doch lieber mein eigenes zeug
von belearas 06.02.2012 (11:28Uhr) 3.
Ja aber warum schreibt man sowas nicht gleich in eine css Datei? Wer arbeitet denn wirklich so??
Wäre das selbe wenn jemand eine Anleitung erstellt, wie entfernt man Fäkalien am WC weil man zu faul war um zu spülen *rolleyes*
von reraiseace 06.02.2012 (12:33Uhr) 4.
Die Seite bringt nur nachträglich was, wenn ein Projekt vorliegt, welches mit Inline-CSS gecodet wurde. Sonst sehe ich da keine Verwendung für. Normal trennt man HTML und CSS gleich voneinander. Wer ein CSS Framework verwendet, wird da auch nicht drum rum kommen.
Naja ich stell meinen PC auch gleich neben den Kühlschrank ;)
von Michael - der aus Berlin 06.02.2012 (12:44Uhr) 5.
@reraiseace das würde ja nur dann was bringen wenn das tool auch inlinestyles auslesen würde. Aber das tut das Tool ja scheinbar auch nicht. Auf jeden Fall keine CSS Styles aus dem HEAD die mit eingebunden wurden. Von daher erschliesst sich mir generell kein Sinn warum man auf dieses Tool setzten sollte, bzw. wo überhaupt der Mehrwert liegt.
von Timo 06.02.2012 (20:00Uhr) 6.
Ich kenne wirklich niemanden, der so einen Workflow hat. Erst HTML mit Inline-CSS? Macht doch schon aufgrund sich wiederholender Klassen keinen Sinn, oder verstehe ich da was falsch?
Was den Artikel angeht:
Ich gehe mal davon aus, dass der Link am Ende der Seite eigentlich direkt zur Bear CSS Seite führen sollte und nicht auf den Originalartikel von thenextweb.com.
Nun ist es aber doch passiert und mir fällt auf, dass Frau Steinberg den englischen Originaltext von Harrison Weber nahezu eins zu eins ins Deutsche übersetzt hat.
Kann man machen, dann aber bitte mit Hinweis auf die Quelle/den Autor. So ist das ist meiner Meinung nach journalistisch nicht in Ordnung.
von ernstzunehmend 06.02.2012 (22:43Uhr) 7.
Vielleicht nicht die beste Anwendung im Web, weil Inline CSS so was von 2001 ist, aber ein Blick auf die Internetseiten der Jungs zeigt nicht nur zwei schöne Seiten, sondern auch zwei Projekte die sich wohl noch in einer geschlossenen Beta Phase befinden, aber interessant klingen. Zum einen ein "online scrapbooking tool" und zum anderen ein "Event promotion & ticketing" Service. Kann man mal im Auge behalten.
--
Links:
Kyle Gawley: http://kylegawley.co.uk/
von reraiseace 07.02.2012 (06:10Uhr) 8.
@Michael - der aus Berlin
Mhm, okay. Dann vermutlich nur CSS welches im body steht. Das kann bei alten Webseiten aber öfter noch der Fall sein. Wenn BearCSS keine Styles aus dem head ausliest ist es nochmal unbrauchbarer für die meisten. Die Idee könnte besser sein, muss vielleicht nur noch zu Ende gedacht werden.
von [KW06/12] Themen der Woche » IT::f… 13.02.2012 (08:29Uhr) 9.
[...] HTML hochladen, passende CSS-Datei runterladen, fertig. [...]
von CSS-Templates automatisch generieren mit… 13.02.2012 (09:38Uhr) 10.
[...] CSS-Templates automatisch generieren mit BearCSS 13 Feb Jetzt abnehmen mit dem Fett-Overkill-Report CSS-Templates automatisch generieren mit BearCSS So ist es oft mühselige Fleißarbeit, alle Styles nachträglich als ordentliches CSS-Template auszulagern. Mit BearCSS lässt sich in drei einfachen Schritten aus einer bestehenden HTML-Datei ein solides CSS-Template generieren, dass alle definierten … Read more on t3n Magazin [...]