22. März 2023

Integration eines QR-Code-Scanners in eine Web-Anwendung

Mit folgender JavaScript-Library lassen sich QR-Codes scannen und interpretieren – sowohl auf einem Smartphone, als auch an einem Desktop-Rechner. Das ganze passiert Client-seitig und erfordert nur ein winzig kleines JavaScript (< 60 kb). Das ist nicht nur aus technischer Sicht sehr beeindruckend. https://github.com/nimiq/qr-scanner Da es sehr einfach in Anwendungen integrierbar ist, eröffnet diese Library fantastische […]

• JavaScript
• QR-Codes

19. März 2023

ImageResizer

Heute habe ich ein Tool fertig gestellt, dass ich schon seit Jahren im Kopf habe, in der täglichen Arbeit oft vermisst habe, aber bis jetzt nie umgesetzt habe: ImageResizer Mit ImageResizer kann die Größe von Bildern (jpgs & pngs) in Sekundenschnelle angepasst werden. Die Neuberechnung der Bilder findet lokal im Browser statt. Es werden keine […]

• JavaScript

17. März 2023

Bilder mit PHP „on the fly“ verkleinern.

Häufig werden auf Websites Bilder in unterschiedlichen Dateigrößen benötigt. Im Teaser oder in Bildergalerien wird z.B. oft ein Thumbnail verwendet. WordPress bietet zwar von Haus aus verschiedene Bildgrößen an, jedoch sind diese Thumbnails immer auf ein bestimmtes Format beschränkt. Timthumb ist ein kleines PHP-Skript, dass Bilder „on the fly“ verkleinern kann. Die Syntax ist hierbei […]

• PHP

17. März 2023

Remote-Desktop-Client für Chrome OS Flex

OK, hier hatte noch geschrieben, dass es unter Chrome OS Flex nicht möglich ist, Programme zu installieren. Das stimmt offenbar doch nicht so ganz, denn mit Hilfe des Terminals lassen sich tatsächlich Linux-Programme installieren. Das bringt den Nutzwert von Chrome OS auf einen ganz neuen Level! Um Linux nutzen zu können muss es zunächst aktiviert […]

• Chrome
• Google

6. März 2023

JPGs und PNGs mit TinyPNG komprimieren

Mit TinyPNG lassen sich PNGs und JPGs nahezu verlustfrei komprimieren. Diesen Screenshot z.B. hat TinyPNG von 2 MB auf 444 KB(!) reduziert. Das ist wirklich beeindruckend. Zum Vergleich: Über die „Für Web speichern“-Funktion in Photoshop wurde ein PNG mit 2,8 MB generiert. Gerade auf Landing-Pages und Startseiten mit vielen Bildern, sollte TinyPNG aus meiner Sicht […]

• WordPress

5. März 2023

Adminer – eine schlanke Alternative zu phpMyAdmin

Ich bin ja großer Fan von NoSQL-Projekten. Vor einigen Tagen hatte ich schon SleekDB als Alternative zu MySQL vorgestellt. Bei manchen Projekten kommt man aber um MySQL nicht herum. Z.B. wenn viele Datenbankabfragen gleichzeitig stattfinden. Um eine Datenbank zu administrieren, ist auf den meisten Webservern bereits phpMyAdmin vorinstalliert. Sollte das nicht der Fall sein, oder […]

• PHP

2. März 2023

Ausprobiert: Chrome OS Flex

Google hat vor ein paar Jahren ein eigenes Betriebssystem veröffentlicht. Seit einigen Monaten kann man Chrome OS auch auf beliebigen PCs und Macs installieren. Um Chrome OS vorab zu testen, kann man es von einem USB-Stick aus booten. So einen USB-Stick kann man über ein Chrome-Browser-Plugin mit Hilfe eines beliebigen Rechners erstellen. Wie das genau […]

• Chrome
• Google

26. Februar 2023

QR-Code-Generator

Hier habe ich einen QR-Code-Generator gebaut, der auf Basis des jQuery-Plug-ins „jquery.qrcode.js“ funktiert. Schnell, schlank, schön. www.fbnfrtg.de/tools/qr-generator/

• JavaScript
• jQuery

25. Februar 2023

Warum man beim Pflegen einer Website unbedingt auch die Bildgrößen im Blick behalten sollte.

Immer wieder stolpere ich auf Websites über riesengroße Bild-Dateien, die einfach in Orignalgröße unkomprimiert hochladen worden sind. Wenn Fotos unbearbeitet aus der Kamera oder dem Smartphone direkt hochgeladen werden, sind die Bilder häufig mehr als 4000px breit und über 2MB groß. Das ist in den meisten Fällen zwar, dank einer schnellen DSL-Verbindung egal, es gibt […]

• WordPress

21. Februar 2023

Icon-Fonts und SVG-Icons

Font AwesomeVor über 10 Jahren wurde Font Awesome veröffentlicht und ist seitdem für die Icons auf Millionen von Websites verantwortlich. Im Jahr 2020 wurde Font Awesome von immerhin auf 38 %(!) der Websites verwendet, die Schriftskripte von Drittanbietern verwenden. Seit fast 7 Jahren (Okt 2017) gibt es jetzt die Version 4.7, die nach wie vor […]

• CSS
• Design
• HTML