WordPress & Webwork - perun.net

Welche Werte sind für die CSS-Eigenschaft text-transform erlaubt, welche Pseudo-Klassen und -Elemente gibt es, welche Browser unterstützen display: inline-block; oder wie ging das noch mal mit float und clear? … für die Beantwortung solcher Fragen eignen sich weniger die Blogs als vielmehr Websites, die dem chronologischen Aufbau nicht unterworfen sind.

Hier folgen einige meiner Meinung nach wichtige Dokumentationen und Referenzen zu HTML und CSS. In der Liste finden sich sowohl deutsche, wie auch englischsprachige Projekte. (weiterlesen…)

Mozilla Developer Network ist eine sehr umfangreiche Quelle für junge und erfahrene Webworker, die man auf jeden Fall im Auge behalten oder besser gesagt, die man in seinen Lesezeichen haben sollte.

So gibt es nicht nur ausführliche Dokumentationen zu den üblichen Verdächtigen: HTML, HTML5, CSS, Javascript, Ajax, DOM etc. Sondern auch interessante Demos, ein Forum und einen Lernbereich.

Viel Spaß beim stöbern.

Ich habe vor ca. drei Wochen im Artikel HTML-Newsletter stylen ein paar Sätze zu diesem schwierigen Thema geschrieben. Das Thema ist leider sehr verworren und da ist man um jede weiterführende Quelle dankbar, die etwas Licht ins Dunkel bringt.

Kollege Jens Grochtdreis hat neulich zwei Quellen zu diesem Thema getwittert. Zum einen verwies er auf den Artikel How wide are emails today? Dort geht man der Frage nach der Breite der HTML-Newsletter.

Im allgemeinen ist die Website Campaign Monitor eine gute Anlaufstelle zu diesem Thema, schon alleine wegen der Tabelle mit CSS-Unterstützung der einzelnen E-Mail-Programme.

eine weitere sehr interessante Quelle zu diesem Thema ist die Website Email on Acid. Im Weblog der besagten Seite findet man jede Menge Infos und Tipps.

Nachtrag: hier eine dritte Quelle. Auf HTML Email Boilerplate findet man eine kostenlose Code-Vorlage für HTML-Newsletter, die man nur stylen und mit Inhalten füllen muss. Die Vorlage ist durch Kommentare gut dokumentiert und soll alle gängigen Mail-Programme berücksichtigen.

Wer kann was?

Als ich vor einigen Jahren (2002-2004) auf meiner Herr-der Ringe-Website noch einen Newsletter verschickt habe, war das eine noch vergleichsweise einfache Übung.

Früher, ja früher…

In einem Texteditor habe ich den Newsletter verfasst und ihn mit dem gestaltet und formatiert was einfacher Text (engl. plain text) hergibt: Mit Bindestrichen, Rauten und den Pluszeichen kann man z. B. Bereiche von einander trennen. Mit ein bisschen Mühe lässt sich so mit ganz einfachen Mitteln ein übersichtlicher Newsletter produzieren. (weiterlesen…)

Und hier die 23. Ausgabe der oskarverdächtigen Linkschleuder. Diesmal zum Thema WordPress und CSS3:

WordPress: Code-Fragmente für die functions.php

Unter der Überschrift Best Collection of Code for your functions.php file werden momentan 25 Code-Beispiele für die functions.php aufgelistet.

WordPress: Adminleiste-Tipps

Im Artikel Admin Bar Tricks listet Jeff Star neun Tipps rund um die Adminleiste, die mit WordPress 3.1 hinzugekommen ist. Darunter befindet sich der Tipp wie man die Adminleiste für alle Nutzer entfernt … imho der beste Tipp zu diesem Thema.

WordPress: Kommentarformular erweitern

Auf WPEngineer.com wird gezeigt wie man das Kommentarformular um zusätzliche Felder erweitert und wie man diese zusätzliche Daten verarbeitet.

CSS3: Hintergrundbild über die gesamte Fläche der Seite

Auf Perfect Full Page Background Image wird gezeigt, wie man mit CSS3 es bei modernen Browsern reichen kann das ein Hintergrundbild sich über die komplette Fläche ausbreitet.

CSS3: Hintergrundmuster ohne Grafik

Auf CSS3 Patterns Gallery gibt es momentan 23 Hintergrundmuster für Websites, die ohne Grafiken auf Basis von CSS3 erstellt wurden.

Mittlerweile gibt es bei der Umsetzung von Websites zwei "Hauptphilosophien" in Bezug darauf, welche Einheiten man bei den Schriften wählt: Pixel oder Em. Bei Pixel ist die Vorgehensweise einfach, man vergibt den entsprechenden Bereichen einen gewünschten Pixelwert, z. B. font-size: 14px;. Pixel ist auch eine relative Einheit und zwar in Bezug auf das Ausgabegerät des Betrachters. Je nach Monitor ist eine Schriftgröße von 14 Pixel kleiner oder größer.

Die Problematik rund um em

Die Einheit em richtet sich nach den Browsereinstellungen des Nutzers. In den allermeisten Browsern ist die Größe der Schrift mit 16 Pixel voreingestellt. Gibt man zum Beispiel für den Inhaltsbereich font-size: 1.5em; an dann ist die Schrift 24 Pixel groß. So weit, so gut. In Verbindung damit, dass man auch den Ausmaßen der einzelnen Bereiche der Website ebenfalls Breitenangaben in em spendiert hat, war man in der Lage sog. "zoomable Layouts" zu erstellen: änderte der Nutzer die Schrifteinstellungen so wurde auch die Website breiter bzw. schmaler. (weiterlesen…)

Und hier die 22. Ausgabe der preisgekrönten Linkschleuder:

WordPress: alles einbetten was nicht bei drei auf'm Baum ist

Auf wpgarage.com wird beschrieben wie man die Einbetten-Funktion (oEmbed) auch auf zusätzliche Dienste ausweiten kann. Mit oEmbed wird bei WordPress verstanden dass man von bestimmten Diensten (z. B. YouTube) lediglich die URL des Videos oder Bildes einfügt und WordPress sich dann automatisch um die bestmögliche Einbindung kümmert.

CSS3: Generator für Vendor-Präfixe

CSSPrefixer generiert automatisch die Vendor-CSS-Präfixe, z. B. zu border-radius wird noch -moz-border-radius und -webkit-border-radius eingefügt.

Schriften testen und die Verbreitung

Wer Typetester.org nicht kennt, sollte es sich gut überlegen diese Website zu bookmarken:

Typetester im Einsatz

Man kann dort bis zu drei Schriften gleichzeitig gegen einander vergleichen lassen. Dabei kann man Schriftgröße, Farbe, Abständen und einiges mehr einstellen. So kann man schnell sich ein Bild machen, wie eine Schrift sich in einem bestimmten Text macht.

Wer herausfinden möchte wie weit eine Schrift im Allgemeinen oder auf einem Betriebssystem verbreitet ist, der sollte sich mal auf Codestyle.org umschauen.