Block Posters

Block Posters ist ein praktisches, kleines Online-Tool mit dem man aus einer Grafik ein Poster erzeugen kann.

Dazu teilt Block Posters ein hochgeladenes Bild auf mehrere A4 Seiten auf und bietet ein PDF zum Download an, welches man dann ausdrucken kann.

Zu beachten ist allerdings, dass der Dienst nur mit maximal 1MB grossen Dateien umgehen kann und man dadurch bei zu grossen Postern unschöne Fragmente, etc. im Ausdruck sieht.

Es gibt übrigens (natürlich ) auch eine Open Source-Alternative für die lokale Installation unter Windows, Mac und Linux -> PosteRazor zu der ich morgen noch etwas schreiben werde.

randomtext

randomtext ist ein Online-Generator für Blindtexte.

Man kann dabei zwischen dem üblichen "Lorem Ipsum" und "Gibberish" wählen wobei Letzteres für eine Sammlung mehr oder weniger zufälliger englischer Worte steht.

Was dabei ganz praktisch ist, ist die Möglichkeit das Format zu beeinflussen – neben der Möglichkeit einzelne Absätze zu erzeugen (Text in <p>-Tags) kann man auch Listen und Überschriften generieren. Die Länge des zu generierenden Textes legt man debei komfortabel über Schieberegler fest.

Font Squirrel

Manchmal möchte man ja gerne eine bestimmte Schritfart beim Design einer Website nutzen, hat aber dann das Problem, dass nicht jeder Besucher auch genau diese Schrift installiert hat. Mittlerweile gibt es für dieses Problem verschiedene Lösungen. Eine davon ist die Nutzung des font-face Generators von Font Squirrel.

Der Online-Dienst wandelt beliebige Schriftarten in verschiedene Formate um die man dann mit der font-face CSS-Eigenschaft nutzen kann um sie auf einer Homepage zu nutzen.

Wenn man die Dateien die Font Squirrel zurückliefert auf den eigenen Server hochgeladen hat kann man sie wie folgt in CSS bekanntmachen:

@font-face {
    font-family: 'KomikaTitleRegular';
    src: url('KomikaTitle-webfont.eot');
    src: url('KomikaTitle-webfont.eot?#iefix') format('embedded-opentype'),
         url('KomikaTitle-webfont.woff') format('woff'),
         url('KomikaTitle-webfont.ttf') format('truetype'),
         url('KomikaTitle-webfont.svg#KomikaTitleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

und dann ganz normal benutzen:

.test {
    font-family: KomikaTitleRegular;
}

Man sollte allerdings immer im Hinterkopf behalten, dass sich doch solche Konstruktionen die Ladezeiten einer Seite verlängern und nicht 100% garantiert ist, dass die Fonts auf allen Browsern funktionieren.

Besten dank an Andi für den Tipp

loads.in

Manchmal kann es interessant sein zu wissen, wie schnell oder langsam eine Website aus verschiedenen Länder heraus geladen wird.

Für genau diese Aufgabe gibt es mit loads.in ein sehr praktisches Tool. Auf der Seite gibt man eine beliebige URL ein und der Dienst lädt diese Seite dann in verschiedenen Browsern und von verschiedenen Ländern aus.

Nach einigen Sekunden Wartezeit gibt das System dann eine durchschnittliche Zeit aus und man kann sich dann die verschiedenen Ergebnisse anschauen.

(( Der Artikel ist noch vom März – aus irgendeinem Grund hatte ich den als "Seite" in WordPress angelegt statt als Artikel. Ist mir jetzt erst aufgefallen. ))

CSS Lint

Dem Einen oder Anderen von Euch wird Lint sicher schonmal im Umfeld von Programmiersprachen wie C untergekommen sein. Lint ist/war (im Grunde ist es heute für die meisten Programmiersprachen überflüssig) ein Tool zur statischen Code-Analyse und dient z.B. dafür nicht initialisierte Variablen oder Ähnliches zu finden.

CSS Lint überträgt dieses Prinzip nun auf CSS-Dateien. Man übergibt der Website eine beliebige CSS-Datei und diese wird dann analysiert. Das Tool erkennt dann z.B. logische Fehler wie die Nutzung von “padding-right” bei “display: inline” Elementen, leere Elemente und vieles mehr.

Wer wert auf saubere CSS-Definitionen legt sollte die Seite mal ausprobieren