Altägyptische Hieroglyphen im Browser darstellen

Hieroglyphen im Browser darstellen

Die Hieroglyphen werden auf Websites häufig mit Hilfe von pixelbasierten Bildern dargestellt. Das ist nicht nur ineffizient, sondern erlaubt auch keine verlustfreie Skalierung oder das Kopieren von Text. Tatsächlich lassen sich auch Hieroglyphen leicht als normaler Text darstellen, dazu wird nur ein entsprechender Zeichensatz benötigt.…

Größen berechnen mit CSS calc()-Funktion

Die CSS calc()-Funktion

Die Funktion calc() ermöglicht die Berechnung von Eigenschaften, die mit CSS bislang schlicht unmöglich waren. Dafür wurden bis dato Pre-Prozessoren wie Less oder Sass benötigt oder mussten mit Hilfe von JS »gefrickelt« werden. Die Funktion wird zwischenzeitlich von allen gängigen Browsern unterstützt und wird auch…

WordPress schneller machen

WordPress PageSpeed optimieren

Die Ladezeiten von Seiten, der sogenannte PageSpeed, gehört schon seit Jahren zu den wirklich wichtigen Qualitätsmerkmalen von Websites, nicht nur für Google, sondern ganz besonders für Besucher oder Kunden. Und die werden immer ungeduldiger. Was können Sie also tun, um die Performance Ihrer Seite zu…

WordPress gegen Brute-Force absichern

Brute-Force

WordPress ist unser bevorzugtes CMS – schnell, gut erweiterbar und Open-Source. Leider weist es eine Reihe von Defiziten im Bereich der Sicherheit auf, die aus unserer Sicht heute nicht mehr tragbar sind. Denn seine große Popularität macht es auch zum Ziel Nummer eins für Brute-Force-Angriffe.…

QR-Codes mit PDFlib

Qr-Codes erzeugen

Die PDFLib kennt – zumindest ohne Acrobat Pro und der passenden Erweiterung – selbst keine Befehle, mit denen QR-Codes erzeugt werden könnten. Der QR-Code muß also extern erzeugt und als Bild platziert werden – eine leichte Übung. Wenn die Ausgabegröße bzw. das Druckformat des Dokuments…

Checkboxen und Buttons mit CSS stylen

CSS

Für das Styling von Checkboxen und Radio-Buttons gibt es im Netz eine Vielzahl von sehr gelungenen Beispielen. In fast allen Fällen muß jedoch auch das HTML angepasst werden, was bei umfangreichen Projekten recht zeitraubend werden kann. Dies ist ein Beispiel für ein einfaches und browser-unabhängiges Styling,…

CSS-Variablen anstatt von LESS oder SASS

Viele Browser können heute schon mit Variablen in CSS umgehen, welche Anpassungen oder Änderungen an Styesheets wesentlich vereinfachen. Während für große und komplexe Layouts immer noch Pre-Prozessoren, wie LESS oder SASS sinnvoll sind, so können für kleinere Projekte CSS-Variablen bereits eine große Hilfe sein. Alle…

Hoch- und tiefgestellte Zeichen mit PDFlib

Typographie

Die meisten Auszeichnungssprachen verfügen über Befehle, mit denen man sehr einfach Zeichen hoch- oder tiefstellen kann. In HTML sind das beispielsweise <sub> oder <sup> und auch für die frei verfügbare Klasse FPDF gibt es eine Erweiterung, die diese Funktion ermöglicht. In der PDFlib gibt keine…

Listen filtern mit jQuery

Listen filtern mit jQuery

Mit Hilfe des jQuery-Plugins »Isotope« lassen sich HTML-Listen oder Grid-Layouts sehr elegant und dynamisch Filtern. Dabei bietet es nicht nur viele verschiedene und gelungene Layouts, wie masonry, fitRows, cellsByRow, vertical, packery, masonryHorizontal, fitColumns, cellsByColumn, oder horiz. Es bietet zudem viele Konfigurations-Optionen, mit denen das Layout…

Dateigröße von Bildern optimieren

Bilder verlustfrei optimieren

Um einen guten Wert für den Pagespeed zu erreichen, ist die Optimierung von Bildern obligatorisch. Viele Content-Management-Systeme, wie WordPress oder Drupal, können mit entsprechenden Modulen erweitert werden, für die Bilder in statischen Seiten, Slidern oder innerhalb des Themes muß die Optimierung von Hand vorgenommen werden.  Unter…