Tipps & Tricks

WordPress gegen Brute-Force absichern

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…

QR-Codes mit PDFlib

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…

Checkboxen und Buttons mit CSS stylen

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…

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…

Hoch- und tiefgestellte Zeichen mit PDFlib

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.…

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…

Dateigröße von Bildern 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…

Silbentrennung im Browser

Wenn Texte in schmalen Spalten angeordnet werden sollen, dann ist die Verwendung irgendeiner Form von Silbentrennung notwendig. Dies sind drei Möglichkeiten, die alle ihre Vor- und Nachteile haben. Silbentrennung mit CSS Mit Hilfe von CSS hyphens kann man die Silbentrennung…

Dynamische Tabellen mit Flexigrid

Einfache HTML-Tabellen können zwar mit Hilfe von CSS ansprechend und übersichtlich gestaltet werden, aber bei komplexen Tabellen stösst man sehr schnell an die Grenzen. Wenn auch dynamische Funktionen, wie eine Suchfunktion, Sortierung oder Paginierung benötigt werden, dann bedarf es eines…

Google Fonts datenschutz-konform einsetzen

Bis zum Inkrafttreten der DSGVO war es üblich, die Schriften einfach von den Google Servern laden zu lassen. Dadurch wurden aber auch ungewollt Daten an Google übermittelt. Im Interesse des Datenschutzes sollten die Schriften nun lokal gespeichert werden. Es liegt…