Kategorien
Development

SASS (& Compass) – Die ersten Schritte

Da ich viel mit Webdesign und Programmierung zu tun habe ist es zugegeben seltsam, dass ich mich jetzt erst mit dieser Technologie auseinandersetze, aber irgendwie hab ich davor nie die Zeit gefunden. SASS (oder zuvor LESS) ist nun schon seit einiger Zeit in aller Munde. Aber was ist eigentlich SASS?

SASS ist ein sogenannter Preprocessor. Um es vereinfacht auszudrücken: Er erweitert CSS um viele nützliche Funktionen wie Variablen, Subtemplates, mathematische Operationen benutzerdefinierte Funktionen und vieles mehr.

Ich habe mir SASS mal ein wenig angeschaut und möchte nachfolgend nun ein wenig über die Ersten Schritte berichten. Es werden aber sicher noch weitere Artikel folgen.

Kategorien
Design

Weniger ist mehr: Tipps zur Tabellengestaltung

Clear off the Table. Einige Tipps wie man (zB. auch HTML)-Tabellen übersichtlicher und besser lesbar gestalten kann.

Hier kurz die zu dem Bild gehörenden Schritte in Deutsch:

  1. Entferne die Farben (Text & Hintergründe)
  2. Entferne Spalten- und Zeilenrahmen/linien
  3. Entferne Füllfarbe von den Zeilen bzw. abwechselnd hervorgehobene Zeilen
  4. Entferne die Hintergrundfarbe des Tabellenkopfs
  5. Entferne den Rahmen um die Tabelle
  6. Entferne Fettschrift bzw die hervorgehobene Titelzeile
  7. Richte Text linksbündig aus
  8. Richte Zahlen rechtsbündig aus
  9. Richte die Titel ihrem Spalteninhalt entsprechend links/rechtsbündig aus
  10. Passe die Spaltengrößen dem Inhalt an
  11. Benutze Whitespace zwischen Abschnitten
  12. Verwende eine einheitliche Anzahl an Nachkommastellen in Spalten
  13. Rund die Zahlen wenn möglich
  14. Verwende ggf. die Potentialschreibweise (2300 = 2.3 x 10³)
  15. Entferne sich wiederholende Inhalte
  16. Verwende eine gut lesbare angenehme Schriftart (keine Standard-Schift)
  17. Füge gezielte Hervorhebungen wieder hinzu

Less is more. (effective – attractive – impactive)

 

Gelesen bei corefault, ursprünglich von Darkhorse Analytics.