20.02.2012 Development 0

WordPress-Plugins – So testest Du deren Performance

WordPress-Plugins sollte man mit Vorsicht genießen. Meistens sind sie natürlich schön praktisch, aber oft ist ein manuelles Einbinden von Funktionen performanter, da schlecht programmierte Plugins gerne mal den Code zumüllen. Das führt dann gerne dazu, dass die Seite unglaublich langsam wird und im schlimmsten Fall sich Plugins gegenseitig in die Quere kommen.

Das Plugin P3 (Plugin Performance Profiler) scannt die Seite in einem Livetest einmal durch und spuckt am Ende eine Statistik aus, die zeigt, welches Plugin am meisten Performance frisst. Eine gute Sache und im Falle dieses Blogs ist es ein Plugin, welches ich als letztes auf dem Zettel hatte:

Ein vermeintlich kleines Plugin, welches die Code Syntax in meinen Beiträgen formatiert. Nun gut, also mal nach einer Alternative suchen. Auch WPtouch, welches eine mobile Oberfläche des Blogs erstellt, ist gut dabei. Das wird sich dann ja beim Relaunch demnächst eh erledigen.

Wer viele Plugins verwendet, der sollte dieses einmal drüber laufen lassen. Schaden kann es nicht, nur helfen.

via

16.02.2012 Development 0

hyphens – Silbentrennung mit CSS

Es soll ja den ein oder anderen geben, dem es nicht egal ist, wie Texte auf Websites fließen. Zumindest in bestimmten Situationen, wenn auch Copytext zum Design beitragen soll. Es gibt auch viele Kunden, vor allem Designer aus dem klassischen Bereich, die sich der Typografie ihres Auftritts sehr bewusst annehmen. Das Thema Silbentrennung spielt hierbei eine große Rolle und eine automatische Silbentrennung, das ist im Internet noch immer so eine Sache.

Zuerst muss man abwägen, wann eine Silbentrennung überhaupt Sinn ergibt. Bei extrem langen Wörtern, wie Fußbodenschleifmaschinenverleih, die in recht schmale Container gesteckt werden, ja. Aber auch bei Blocksatz, den man allerdings auf Websites sehr bedacht einsetzen sollte. Wenn man Blocksatz und ein responsive Layout verwendet, dann ist eine automatische Silbentrennung quasi ein Muss. Oder man steht auf extrem gezogene Leerstellen zwischen den Wörtern.

Mit CSS3 ist die sogenannte Hyphenation jetzt möglich. Gibt man einem Element die Methode hyphens mit, wird der Text getrennt. Dabei gibt es drei values, die man angeben kann: none, manual und auto. In der Praxis sähe das so aus:

Weiterlesen »

13.02.2012 Development Web Design 0

In eigener Sache: Redesign meines Portfolios

Ich habe so eben den Relaunch meines Portfolios vollzogen und möchte die Gelegenheit nutzen, ein wenig darüber zu erzählen. Denn mein Plan war nicht nur, es so gut wie möglich aussehen zu lassen. Es sollte auch responsive sein, also auf allen Geräten mit Browser funktionieren. Und das, ohne eine separate Mobile-Version zu entwickeln. One template to rule them all, quasi.

Weiterlesen »

11.02.2012 Development 21

Bootstrap, Mediaqueries und lte IE8

Oh ja, da ging vor einigen Wochen ein Raunen durchs Netz: Twitter hat das Framework Bootstrap entwickelt und rausgehauen. Alles inklusive, Buttons, Formulare und auch ein responsive CSS. Da ich gerade ein Redesign von meinem Portfolio mache, dachte ich, probier das doch mal aus. Und der erste Eindruck war ok, auch wenn man sich erst mal etwas reinfrickeln muss.

Doch seit heute Morgen saß ich an dem Problem, dass IE8 und drunter nicht auf das responsive CSS anspringt. Da man nach einer Weile betriebsblind wird, saß ich auch echt lange daran, dieses Problem zu lösen. Denn auch die Bootstrap-Seite ist unter diesen Browsern nicht responsive. Die Lösung zum Problem habe ich nun gefunden. Und die ist schon echt peinlich, wie ich finde.

Weiterlesen »

Seite 1 von 13123...»»