tagdocs.de » CSS

MarkerCSS – CSS Framework

Christian — Sun, 31 Jan 2010 12:15:56 +0000

MarkerCSS

Heute gibt es nur einen kleinen Quicky, nämlich MarkerCSS, ein CSS-Framework.

Das Framework soll durch eine grosse Zahl von vordefinierten CSS-Klassen die Entwicklung von Layouts vereinfachen.

Z.B. könnte man so:

dem Body verschiedene Eigenschaften zuweisen(Arial, 13px Schriftgrösse, Dunkelgraue Schrift die zentriert ist).

Wie man sieht sind die Klassen nicht unbedingt “sprechend” und daher wahrscheinlich nicht jedermanns Geschmack.

Das komplette Framework steht unter der MIT-Lizenz.

PrimerCSS – Basis-Stylesheet aus HTML erzeugen

Christian — Sat, 30 Jan 2010 12:15:28 +0000

PrimerCSS

PrimerCSS ist ein einfacher Dienst, der aus HTML-Code alle benutzten CSS-Klassen und IDs extrahiert.

Das kann z.B. dann praktisch sein, wenn man eine HTML-Seite erstellt und den den ganzen Code erstmal nur “runtertippt” ohne schon ein Stylesheet zu nutzen: man lässt dann einfach Primer über den HTML-Code laufen und erhält eine CSS-Datei mit allen genutzten CSS-Klassen und IDs.

MinifyMe – CSS & JavaScript mit AIR verkleinern

Christian — Mon, 25 Jan 2010 12:15:13 +0000

MinifyMe

MinifyMe ist eine kleine Adobe-AIR Applikation mit der man JavaScript- und CSS-Files auf einfache weise komprimieren/verkleinern kann (erwähnte ich schon, dass ich Worte wie “minify” hasse? Sowas vernünftig ins Deutsche zu übersetzen ist immer irgendwie doof).

Man zieht einfach die zu bearbeitenden Dateien auf das Programmfenster und MinifyMe macht den Rest: es entfernt überflüssige Kommentare, Zeilenumbrüche, etc. und führt mehrere Dateien zu einer zusammen.

Je nach Webseite kann man so überflüssige HTTP-Anfragen einsparen und die Ladezeiten beschleunigen.

Das Programm steht unter einer Creative Commons Lizenz und kann frei genutzt werden.

Fortschrittsbalken mit CSS und JavaScript

Christian — Wed, 09 Sep 2009 12:10:57 +0000

Da sich mein Kopf wie in Watte gepackt anfühlt (Grippe ist doof! *schmunzel*) gibt es heute nur einen kurzen Tipp.

Antu (David Greisler) hat vor Kurzem einen recht interessanten Artikel in seinem Blog veröffentlicht in dem es um Fortschrittsbalken geht. Um genauer zu sein: Fortschrittsbalken/Prozentbalken mit Hilfe von CSS (und ggf. JavaScript).

In seinem sehr interessanten und lesenswerten Artikel erklärt David wie man verschiedene Varianten der Balken erzeugt (erstmal nur pures CSS, dann CSS + Bilder bis hin zu Varianten die jQuery, Prototype oder mootools nutzen). Alles in Allem ist das der bisher umfangreichste Artikel den ich bisher zu diesem Thema gesehen habe.

(( Und gleich noch ein Danke an ihn weil er mich auf den Artikel aufmerksam gemacht hat ))

2 Admin-Templates und 11 “normale” Templates

Christian — Tue, 01 Sep 2009 11:10:15 +0000

ChocoTemplates

ChocoTemplates haben 13 freie Templates im Angebot (2 davon sind Admin-Templates) die unter der Creative Commons 3.0 Lizenz stehen.

Das schöne an den Templates ist die Tatsache, dass sie qualitativ sehr hochwertig sind und zumindest mir bisher noch nicht 100 mal auf irgendwelchen Seiten begegnet sind.

Die Admin-Templates sind ähnlich simpel wie das Gray Proton Template welches ich hier ja erst vor ein paar Tagen vorgestellt habe. Die anderen Templates reichen (meiner Meinung nach) von “ganz nett” bis “gut”