{"id":2980,"date":"2013-05-15T15:48:36","date_gmt":"2013-05-15T13:48:36","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=2980"},"modified":"2013-05-15T15:48:36","modified_gmt":"2013-05-15T13:48:36","slug":"interner-stylesheeteditor-oder-externes-stylesheet-back-to-the-roots","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2013\/05\/interner-stylesheeteditor-oder-externes-stylesheet-back-to-the-roots\/","title":{"rendered":"Interner Stylesheeteditor oder externes Stylesheet? Back to the roots &#8230;"},"content":{"rendered":"<p><a href=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/05\/css.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2991 noborder\" alt=\"CSS, Cascading Style Sheets, 3D, Kugel, Webdesign, Homepage, Web\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/05\/css.jpg\" width=\"346\" height=\"346\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/05\/css.jpg 346w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/05\/css-150x150.jpg 150w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2013\/05\/css-300x300.jpg 300w\" sizes=\"auto, (max-width: 346px) 100vw, 346px\" \/><\/a>In meiner Zeit vor Contao, auch als ich noch sehr viel mit WordPress gearbeitet habe, war das Schreiben eines Stylesheets per Hand etwas v\u00f6llig Normales zumal man dazu allenfalls einen guten Texteditor brauchte. In WordPress konnte man zwar schon immer aus dem CMS heraus auf die stylesheets zugreifen und z.B. einzelne Auszeichnungen schnell \u00e4ndern, der Editor hatte aber nicht die Qualit\u00e4t, wie ich sie sp\u00e4ter in Contao vorgefunden habe.<\/p>\n<p>Ich muss zugeben, dass das Arbeiten mit dem internen Style-Editor von Contao anfangs gew\u00f6hnungsbed\u00fcrftig war, ich mich sp\u00e4ter aber schnell an den Komfort gew\u00f6hnt hatte, so sehr, dass ich schon fast nicht mehr gemerkt habe, wieviel einem durch Bequemlichkeit auch verloren gehen kann.<\/p>\n<p>Aus meinem Schlafwandel herausgerissen wurde ich dann jedoch mit den neuen Anforderungen hinsichtlich responsive Webdesign. Das Eingeben der mediaqueries mit Editor, das andauernde Hin- und Herschalten &#8211; es nervte. So begann ich, anf\u00e4nglich und eigentlich nur zu Entwicklungszwecken, f\u00fcr die Anpassung einer Webseite bzgl. mobile devices ein externes Stylesheet zu schreiben und es via zus\u00e4tzliche headtags einzubinden. Was f\u00fcr eine Erleichterung alle meine breakpoints hintereinanderweg im Blick zu haben.<\/p>\n<p>Dann kam eins zum anderen und nun habe ich dem internen Stylesheet-Editor ade gesagt und benutze derzeit den kostenpflichtigen Editor <a href=\"http:\/\/www.rapidcsseditor.com\/de\/\">RapidCSS<\/a> um meine stylesheets zu schreiben. RapidCSS hat n\u00e4mlich den unschlagbar grandiosen Vorteil, dass man eine FTP-Verbindung einrichten kann und somit die Stylesheets direkt auf dem Webserver \u00f6ffnen und bearbeiten. Das l\u00e4stige Hochladen entf\u00e4llt damit komplett, was die Bearbeitungszeit nicht nur verk\u00fcrzt, sondern auch ein wesentlich ruhigeres Arbeiten erm\u00f6glicht.<\/p>\n<p><strong>Weil ich aber nun nicht sagen m\u00f6chte, dass der Stylesheet-Editor von Contao nicht auch seine Berechtigung h\u00e4tte, habe ich mal die Vor- und Nachteile zusammengestellt:<\/strong><\/p>\n<ul>\n<li>Der Stylesheet-Editor ist eine feine Sache f\u00fcr Leute, die sich mit CSS nicht so gut auskennen. Ein Laie mit profundem Halbwissen err\u00e4t intuitiv welche Auszeichnungen man wo ver\u00e4ndern kann. Im Zweifelsfall probiert er oder sie einfach mal aus ohne dabei Gefahr zu laufen gleich die ganze Webseite in Schutt und Asche zu legen.<\/li>\n<li>Contao nimmt einem die komplizierten Dinge wie z.B. die Einbindung spezieller behavior Dateien f\u00fcr die Crossbrowserkompabilit\u00e4t (sprich Internet Expolorer) ab und sorgt f\u00fcr die korrekte Syntax wenn Vendor-Prefixes eingesetzt werden m\u00fcssen.<\/li>\n<li>\u00dcber die korrekte Schreibweise, insbesondere der neueren CSS3 Auszeichungen (z.B. beim Anlegen von Schatten oder runden Ecken) muss man sich keine Gedanken machen, auch das nimmt Contao einem ab.<\/li>\n<li>Wenn der Designer seine styles sauber angelegt und jede Auszeichung mit der korrekten Kategorie versehen hat, ist es recht \u00fcbersichtlich, wenn sich man zur Bearbeitung nur die styles anzeigen lassen kann, auf die der Blick gerichtet ist.<\/li>\n<\/ul>\n<p>Alles super, alles bequem, aber auch alles wie im richtigen Leben auch. Wer sich nicht genug bewegt, verlernt das Laufen. Das, was gut gemeint ist, ist nicht auch immer wirklich gut, jedenfalls nicht f\u00fcr Webdesigner, wie ich an mir selber feststellen musste. Wenn einem zu viel abgenommen wird, setzt man sich nicht mehr mit der List und den T\u00fccken so mancher Auszeichnungen auseinander, man denkt nicht mehr \u00fcber den sinnvollen Aufbau eines stylesheets nach. Zu gut Deutsch: man wird faul und regrediert.<\/p>\n<p><strong>Vorteile von stylesheets mit einem externen Editor<\/strong><\/p>\n<ul>\n<li>Google Webfonts lassen sich schneller \u00fcber @import einbinden. Im Zweifelsfall legt man sich einfach ein zweites Stylesheet mit allen Schriften, die man gerne verwendet, an und kann so superschnell die Schrift einer Webseite \u00e4ndern. Wenn die Seite online geht, muss man nur noch die Schriften, die man nicht braucht, l\u00f6schen.<\/li>\n<li>RapidCSS erm\u00f6glicht, wie schon gesagt, das \u00d6ffnen und Bearbeiten einer Datei, die auf dem Webserver liegt. Das hei\u00dft: hat man etwas ge\u00e4ndert, ist die \u00c4nderung an der Webseite sofort sichtbar. Ich muss nur noch den Browser refreshen.<\/li>\n<li>Alle Stylesheet Dateien meiner Installationen liegen in der RapidCSS Seitenbaumansicht nebeneinander. Wenn mir also einf\u00e4llt, dass ich z.B. einen Grundstyle f\u00fcr eine Pagination brauche, kann ich mir die Auszeichnungen ganz bequem von einer in eine andere Installation hereinkopieren.<\/li>\n<li>Bei einer sichtbaren Style-Datei habe ich alle meine Auszeichungen im Blick und kann die Suchen-Funktion benutzen um einen Selektor zu finden. Ich muss nicht mehr gr\u00fcbeln in welches Modul bzw. unter welcher Kategorie ich die Auszeichnung gepackt habe(n k\u00f6nnte).<\/li>\n<li>Wenn ich Firebug benutze stimmt die Zeilenanzahl immer mit den Zeilen im Editor \u00fcberein, so dass ich schnell die Stelle finde, wo etwas ge\u00e4ndert werden muss, wenn sich z.B. Auszeichnungen \u00fcberschreiben.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Und jetzt du.<\/p>\n<p><strong>Was benutzt du lieber? Internen oder externen Editor?<\/strong><br \/>\n<strong>Welche Vor- und Nachteile siehst du, welche Erfahrungen hast du gemacht?<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In meiner Zeit vor Contao, auch als ich noch sehr viel mit WordPress gearbeitet habe, war das Schreiben eines Stylesheets per Hand etwas v\u00f6llig Normales zumal man dazu allenfalls einen guten Texteditor brauchte. In WordPress konnte man zwar schon immer aus dem CMS heraus auf die stylesheets zugreifen und z.B. einzelne Auszeichnungen schnell \u00e4ndern, der  &#8230; <a title=\"Interner Stylesheeteditor oder externes Stylesheet? Back to the roots &#8230;\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2013\/05\/interner-stylesheeteditor-oder-externes-stylesheet-back-to-the-roots\/\" aria-label=\"Mehr Informationen \u00fcber Interner Stylesheeteditor oder externes Stylesheet? Back to the roots &#8230;\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":2991,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,11],"tags":[143,453],"yst_prominent_words":[],"class_list":["post-2980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","category-contao","tag-css-xhtml","tag-editor"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=2980"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/2980\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media\/2991"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=2980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=2980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=2980"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=2980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}