Web Dev Bros » CSS http://www.webdevbros.net hot talk about web development Thu, 20 Jan 2011 19:55:06 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Worst practices http://www.webdevbros.net/2006/03/22/worst-practices/ http://www.webdevbros.net/2006/03/22/worst-practices/#comments Wed, 22 Mar 2006 12:22:47 +0000 Michal http://www.webdevbros.net/2006/03/22/worst-practices/ Jeder kennt "Best practice" Beispiele. Was ist aber mit den "Worst practices"? Heut les ich im Dot.Net Magazin (Ausgabe 4.06) einen Artikel über "Saubere Nicht-Programmierer". Dabei ging es um Verwendung von CSS, besser gesagt um eine Art wie man es nicht tun sollte.

Ich fands ganz lustig, da es sich hierbei um eine grössere Website handelt (TV.com) bei der anscheinend Profis am Werk sind :) Die Typen nutzen CSS nämlich nicht zur Trennung von Inhalt und Layout, sondern um sich anscheinend Tipparbeit zu ersparen. Es werden Klassen erstellt die genau das notieren was der Name beinhaltet (nur abgekürzt) .

Beispiel:

PLAIN TEXT
CSS:
  1. .f-white { color:#fff }
  2. .f-bold { font-weight:bold }

Dies wird dann zb. so verwendet:

. Hab mir schon überlegt welche Vorteile das bringen könnt... Hab keinen Schimmer.

Im Magazin war noch die Quelle angegeben (http://www.thedailywtf.com/forums/57053/showpost.aspx), wo man noch das ein oder andere Highlight findet. Lustig zu lesen für alle die mit CSS und HTML zu tun haben. Man sieht auch dieser Bereich kann anscheinend unterschätzt werden oder aber TV.com wollte bewusst auf sich aufmerksam machen - und so mehr Hits erreichen - mit einer vielleicht neuen Methode der Besucherbeschaffung. Die Hits sind sicherlich gestiegen nachdem es mal in ein paar Magazinen und Foren erwähnt wurde.

]]> http://www.webdevbros.net/2006/03/22/worst-practices/feed/ 0 Wiederverwendung von Stylesheetangaben http://www.webdevbros.net/2005/03/02/wiederverwendung-von-stylesheetangaben/ http://www.webdevbros.net/2005/03/02/wiederverwendung-von-stylesheetangaben/#comments Wed, 02 Mar 2005 09:58:05 +0000 Michal http://www.webdevbros.net/2005/03/02/wiederverwendung-von-stylesheetangaben/ Da ich beim Programmieren dem Grundsatz "Alles nur einmal und nur einmal!" folge versuch ich das auch beim Aufbereiten meiner Cascading stylesheet files. Bereits Geschriebenes soll wiederverwendet werden, da es 1. Schreibarbeit erspart und 2. das System flexibler gestaltet. Nun wie verwendet man CSS-Definitionen weiter? Der Clou des Ganzen liegt bei der Angabe des class-attributes unserer Elemente. Man übergibt einfach mehr Klassen-definitionen getrennt mit einem Leerzeichen. Bsp:

PLAIN TEXT
HTML:
  1. <button class="firstClass secondClass">

Ein kurzes Beispiel zur Veranschaulichung:

PLAIN TEXT
HTML:
  2.   .menu { padding:20px; border:1px solid red; }
  3.   .menuItem { padding:10px; background-color:green; }
  4.   .menuItemSpecial { color:black }
  5. </style>
  6. <div class="menu">
  7.   <div class="menuItem">Punkt 1</div>
  8.   <div class="menuItem">Punkt 2</div>
  9.   <div class="menuItem menuItemSpecial">Spezieler Punkt 3</div>
  10. </div>

Man sieht hier schön, dass ein Menü erstellt wird. Jeder Menü beinhaltet Menüpunkte. Somit wird die Definition eines allgemeinen Menüpunkts definiert (z.b. Breite, Einrückung, etc), in unserem Fall die Klasse .menuItem. Damit nun auch andere Menüpunkte dieselben "Eigenschaften" wie der Basismenüpunkt haben erstellen wir eine klasse .menuItemSpecial und verwenden diese dann gemeinsam mit der .menuItem. Dies ähnelt irgendwie der Vererbung ; )

Vorteil der Gschicht': Ändert sich nun die Basisdefinition unserer Menüpunkt so muss mans nicht überall nachziehen sondern ändert die angaben in .menuItem

]]> http://www.webdevbros.net/2005/03/02/wiederverwendung-von-stylesheetangaben/feed/ 0