Kategorie: Webentwicklung

PDF-Vorschaubilder in WordPress 4.7 auf Uberspace

Seit WordPress 4.7 können Vorschaubilder für hochgeladene PDF-Dateien erstellt werden. Dafür gibt es allerdings die folgenden drei Voraussetzungen, sonst wird weiterhin nur das PDF-Symbol angezeigt:

  • Imagick.
  • ImageMagick.
  • Ghostscript.

Imagick muss bei Uberspace erst installiert werden, ImageMagick und Ghostscript sind vorhanden. Um Imagick nachzurüsten, führt einfach folgenden Befehl in der Shell aus, und ihr könnt euch bei neuen Uploads über PDF-Vorschaubilder freuen:

uberspace-install-pecl imagick

Unterstreichung näher am Text positionieren [CSS]

Wenn ihr einen Link oder anderen Text mit einer Unterstreichung versehen möchtet, dann greift ihr vermutlich auf border-bottom zurück, statt text-decoration: underline zu nutzen. Wenn diese Unterstreichung aber zu weit vom Text entfernt angezeigt wird, habt ihr ein Problem (jedenfalls hatte ich das vor Kurzem), denn weiter nach oben lässt sich so ein Rahmen nicht positionieren. Wie ihr das lösen könnt, zeige ich euch in diesem Artikel. Unterstreichung näher am Text positionieren [CSS] weiterlesen

Eine zur Viewport-Breite relative Schriftgröße für meine Website

In dem Buch „Adaptive Web Design“ von Aaron Gustafson habe ich kürzlich ein interessantes Beispiel gefunden: Eine Website bekommt ab einem Breakpoint eine zur Schriftgröße relative Breite und gleichzeitig eine zur Viewport-Breite relative Schriftgröße. Das Ergebnis sieht aus, als würde die Site ab diesem Breakpoint gezoomt werden, wenn der Viewport weiter verbreitert wird: Die Elemente werden größer, bleiben aber im Verhältnis genau so, wie sie bei dem Breakpoint waren. Wie ich diese Lösung für meine Website umgesetzt habe, zeige ich euch hier. Eine zur Viewport-Breite relative Schriftgröße für meine Website weiterlesen

Font Awesome — umfangreiche Icon Font

font-awesomeIcon Fonts haben gegenüber Bildicons den Vorteil, dass sie wie Schrift behandelt und verändert werden können. Per font-size kann die Größe festgelegt werden, mit color wird die Farbe verändert. Font Awesome ist eine solche Icon Font, die für die Nutzung mit Twitter Bootstrap entworfen wurde. Ich persönlich finde, dass unter den 220 Icons sehr viele dabei sind, die perfekt zu einem Blog passen — rechts in der Sidebar habe ich ein paar davon untergebracht.
Gut einsetzbar sind sie auch für viele Arten von Menüpunkten oder Buttons, wie hier deutlich zu sehen ist.

MySQL ORDER BY in verschiedene Richtungen

order-byManchmal kommt man in die Lage, die Ausgabe einer MySQL Tabelle je nach Fall auf- oder absteigend sortieren zu wollen. Wenn man sich hier nicht gut mit der Materie und der Syntax auskennt, kann es eine ganze Weile dauern, bis man sich die richtige Lösung heraus gesucht hat.
Hier möchte ich zeigen, wie eine solche Sortierung in verschiedene Richtungen möglich ist. MySQL ORDER BY in verschiedene Richtungen weiterlesen