WordPress & Webwork - perun.net

Mozilla bietet für die Produkte die auf die Gecko-Engine setzen – wie zum Beispiel Firefox, SeaMonkey, Thunderbird – eine Fülle von browserspezifischen CSS-Eigenschaften, Pseudo-Elementen und Pseudo-Klassen. Eine ausführliche Liste findet man unter Mozilla CSS Extensions.

Eine recht interessante Pseudo-Klasse ist ::-moz-list-bullet. Damit kann man das Aussehen, des Auflistungszeichens per CSS steuern. Hier ein Beispiel:

li::-moz-list-bullet {
    color: #900;
    font-size: 9px;
}

Diese Regel angewendet ergibt folgendes: (weiterlesen…)

Ich benutze schon seit mehreren Jahren WeBuilder als meinen Code- bzw. HTML-Editor und bin damit zufrieden. Dennoch schaue ich ab und an was es sonst noch so an Text- und Code-Editoren auf den Markt gibt.

So habe ich gestern den Code-Editor Sublime Text entdeckt und es vorhin installiert und zwar die Beta der 2er Version.

Der Code-Editor hat ein paar sehr interessante Funktionen, die auf jeden Fall es Wert sind, dass man sich das Programm mal näher anschaut und testet. (weiterlesen…)

Der 29. Multimediatreff in Köln findet am 24. März 2012 statt und das Thema ist Webtechnologien – HTML5, CSS3 & Co.

Die Liste der Vorträge ist interessant und ich finde es gut, dass die Veranstalter größere Pausen zwischen den Vortragsblöcken eingebaut haben, damit man auch Zeit hat sich mit Kollegen zu unterhalten, die man sonst nicht so oft zu Gesicht bekommt.

Auf Patternify.com kann man ganz einfach und komfortabel Hintergrundgrafiken bzw. Muster (engl. Pattern) erstellen:

Links oben kann man das Muster erstellen oder darunter auf einen Satz vorgefertigter Muster zurückgreifen und die anpassen. Rechts bekommt man das Ergebns in Form einer PNG-Grafik oder als Base64-Code welches man direkt in die CSS-Datei einbinden kann.

Unten rechts kann man mit Klick auf Get Pattern URL kann man den Permalink generieren um später wieder zum gleichen Muster zurückkehren zu können

Wer eine einfache und leicht verständliche Möglichkeit sucht Folien für seinen Vortrag zu erstellen, der sollte sich html5slides mal genauer anschauen.

Man arbeitet in einer einzelnen HTML-Datei und die einzelnen Folien bzw. deren Inhalte befinden sich innerhalb der jeweiligen article-Elemente. Man kann auf eine Reihe von Klassenwerte zurückgreifen: class="smaller" macht die Schrift kleiner und wenn man dem Elternelement class="build" vergibt dann werden die Kinderelemente nacheinander (per Klick) eingeblendet.

Im übrigen ist das Prinzip, dass man seinen Vortrag in HTML erstellt nichts neues, ich habe schon vor einigen Jahren etwas darüber geschrieben.

CSS-Generatoren gibt es sehr viele, aber der Generator auf css3gen.com fällt unter anderem deswegen positiv auf, weil er zum einen ein paar grundlegende Infos bietet. Somit ist das ganze auch für Anfänger verständlich und zum anderen sagt er welche Browser-Versionen die Vendor-Präfixe nicht mehr brauchen:

Den nächsten Link dürfte der eine oder andere schon kennen: (weiterlesen…)

Die CSS-Eigenschaften content, counter-reset und counter-increment sind alte Bekannte, da sie ja zum Umfang von CSS 2.1 gehören … und dieses existiert schon ein paar Jährchen. Auch dieser kurzer Artikel ist nicht der erste seiner Art. Es ist lediglich eine kleine Erweiterung meiner Anleitung, wo es darum geht mit Hilfe eines HTML-Editors Dokumente für den Kindle zu erstellen.

Da man in so einem Fall mit langen HTML-Dokumenten arbeitet, die durch viele Überschriften strukturiert sind, würde es sich anbieten auch die Überschriften durch einen Automatismus zu nummerieren. Sicherlich, das geht auch manuell, aber das ist bei längeren Dokumenten zu einem fehleranfällig und zum anderen nicht sonderlich komfortabel wenn z. B. bei 50 Überschriften eine mittendrin mal wegfallen sollte.

Man stelle sich folgenden Aufbau vor: (weiterlesen…)