WordPress & Webwork - perun.net

Der Fall ist gar nicht mal so selten. Es flattert ein Word-, Excel oder PDF-Dokument mit einer seeehr langen Tabelle rein … die soll mit in den Blog-Artikel. Um das Problem zu lösen gibt es mehrere Lösungsansätze. Eine der komfortableren Lösungen ist die Webanwendung TABLEIZER!.

Einfach den Inhalt der Tabelle kopieren, in die Textbox einfügen:

Die Schriftgröße, die Hintergrundfarbe der Tabellenüberschriften und die Schriftfamilie auswählen und auf Tableize it! klicken: (weiterlesen…)

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

Die Liste der Referenten ist spannend und verspricht gute Vorträge. Einen der Referenten kennen die Leser von perun.net bereits durch den Gastartikel: Drei Dinge, für die man bereits jetzt mit HTML5 (im jedem Browser) gebrauchen kann.

Mit CSS3-Eigenschaft resize kann man dem Besucher erlauben, die Größe beliebiger Elemente anzupassen, hier ein einfacher Absatz:

Ich bin ein Absatz und mich kann man vergrößern oder verkleinern. Einfach mit dem Mauscursor unten rechts klicken und ziehen.

Folgender CSS-Code kam hier zum Einsatz:

p {
    width: 470px;
    background: #ddd;
    border: 1px solid #bbb;
    padding: 1.2em;
    margin-left: auto; margin-right: auto;
    resize: both;
    overflow: hidden;
}

Wichtig sind aber die zwei letzten Code-Zeilen, die ich auch hervorgehoben habe. Mit resize: both; erreicht man, dass das Element sowohl in der Breite als auch in der Höhe veränderbar ist. Weitere mögliche Werte für diese Eigenschaft sind:

• vertical: nur vertikale Änderung
• horizontal: nur horizontale Änderung
• none: keine Änderung erlaubt

Die zweite Angabe overflow: hidden; dient dazu da um das Verhalten von Safari zu fixen. Wobei auch andere Browser, die diese Eigenschaft unterstützen, für die Eigenschaft overflow einen Wert benötigen, der nicht visible ist … also müssen die Werte auto, scroll oder hidden zum Einsatz kommen.

Unterstützt wird das ganze von Chrome, Firefox und Safari.

Weitere Links

• Gefunden bei
• Die Eigenschaft resize
• Die Eigenschaft overflow

Das auch Webworker Humor haben, beweist die Seite CSS Humor.com. Dort werden witzige Sachen in den CSS-Code integriert. Wie man unschwer erkennen kann, hat der schwarze, makabere und bissige Humor einen wichtigen Stellenwert. Hier ein paar Beispiele:

.elvispresley {visibility: hidden; position: top;} 

Es gibt einige Beispiele die sich mit Michael Jackson beschäftigen, zum Beispiel:

.michael.jackson {background-color: black;}
.michael-jackson {color: white !important;}

Aber auch andere Berühmtheiten werden "berücksichtigt":

#justin_bieber .talent {display: none;}
.JohnLennon {widows: 1;}
#william_shatner {pause-after: 100ms;}
.danny.devito {max-height: 0; width: 100%;}

Viel Spaß beim Stöbern.

Firefox 7 und Thunderbird 7 wurden gestern bzw. heute veröffentlicht. So weit so gut. Thunderbird hat einen Feinschliff bekommen und Firefox 7 ist schneller, sparsamer und noch stabiler. Erstaunlich viele Erweiterungen haben das Update überstanden.

Lediglich die Firefox-Erweiterung von dem Passwortmanager RoboForm ist nicht kompatibel, aber laut den Entwicklern soll heute oder morgen eine neue Version kommen.

CSS3: text-overflow in Firefox

Nun kann auch Firefox mit der CSS3-Eigenschaft text-overflow umgehen. Mann kann damit bei Texten, die die in eine Box nicht passen Auslassungszeichen einblenden lassen: (weiterlesen…)

Eine einfache Möglichkeit um mehrspaltige Artikel zu erstellen, wie man sie aus den Zeitschriften kennt, wünschen sich einige Webworker schon seit langer Zeit. In der Vergangenheit war das nur mit diversen Tricks oder manuell möglich. Entweder hat man auf Javascript-Lösungen zurückgegriffen, wie zum Beispiel Columnizer jQuery Plugin oder man hat die Spalten selber definiert, mit floats gearbeitet und manuell die Texte auf die jeweiligen Spalten verteilt.

Mit dem CSS Multi-column Layout Module von W3C gibt es seit einiger Zeit den Ansatz, dass Browser die mehrspaltigen Inhalte unterstützen sollen. Hier ein Beispiel:

Hier der entsprechende Code: (weiterlesen…)

Ich muss mich mal ein paar Browser-Tabs entledigen, die ich vom Browserstart zum Browserstart, teilweise seit Wochen mit mir herumschleppe:

Auf Theme Code Matters, Too gibt es einen interessanten und ausführlichen Artikel für Entwickler von WordPress-Themes. Es wird u.a. die Code-Qualität und Standard-Techniken angesprochen.

Es dürfte sich mittlerweile herumgesprochen haben, dass Google+ seine Pforten für alle geöffnet hat. Wer darüber und die aktuellen Neuerungen in Google+ lesen möchte, einfach hier vorbei schauen:

• Google+: 92, 93, 94, 95, 96, 97, 98, 99… 100.
• Google+: Suchfunktion integriert, Hangouts massiv erweitert, große Updates für mobile Apps

Drüben bei Guido gibt es eine kleine Auflistung nützlicher Erweiterungen für den Code-Editor Notepad++. Der Besuch bei ihm erinnerte mich, dass ich Anleitung für die schicken CSS-Buttons:

seit mehr als zwei Wochen in den offenen Tabs herumschleppe. Die Anleitung ist ausführlich und das ganze kann man sich im Demo-Bereich anschauen.

Auf Entwickler.com werden 10 Quellen aufgelistet, die wiederum jeweils zwischen 8 bis 32 Erweiterungen für Google Chrome auflisten, die dem Webworker bei der Arbeit helfen.