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…

Der 1 Second Club

Als den »1 Second Club« bezeichnet Google all die Websites, die so gut optimiert wurden, dass bereits nach einer Sekunde erste Inhalte auf dem Display anzeigt werden (First Contentful Paint). Derzeit sind das in Deutschland aber gerade mal 5,4% aller Sites und…

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…

Nur eine Zeile Code

So harmlos beginnt das Tracking der Benutzer durch weite Teile des Internets. Dabei möchte man als Seitenbetreiber eigentlich nur die eigene Seite optimieren, doch durch diese eine Codezeile von Werbe- oder Analyse-Firmen kann ein äußerst komplexes Online-Tracking in Gang gesetzt werden, von…

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…