Über Web, Tech, Games, Art,
Musik, Code & Design

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 […]

18. März 2023

Accordion mit jQuery

Accordions sind ein beliebtes UI-Element im Webdesign. Um ein Accordion zu erstellen kann man auf jede Menge WordPress- oder jQuery-Plugins zurückgreifen. Das ist aus meiner Sicht aber eigentlich gar nicht nötig, da man ein Accordion mit ein paar Zeilen Code selbst erstellen kann und somit auch die volle Kontrolle über Design & Funktionalität hat. So […]

17. März 2023

Aus einer Datenbank-Abfrage eine CSV-Datei exportieren

Mit folgendem Code ist es ganz einfach Daten aus einer Datenbank, sei es MySQL, SleekDB oder eine andere Datenquelle, in eine CSV-Datei zu exportieren. Ich setze dieses Skript z.B. häufig ein um Veranstaltungsanmeldungen zu exportieren und Kunden bereit zu stellen. In diesem Beispiel wird aus einer SleekDB-Datenbank eine Teilnehmerliste exportiert. Wichtig sind hier die Angaben […]

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 […]

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 […]

15. März 2023

Bilder croppen mit CSS

Um ein Bild in´s richtige Format zu croppen, ist heute weder PHP erforderlich, noch muss man es als Hintergrundbild in ein div einbauen. Mit der CSS-Eigenschaft „object-fit“ lassen sich Bilder problemlos auf das passende Format beschneiden, was im responsive Webdesign sehr hilfreich sein kann. Hier ein Bild im Original-Format: Und hier gecroppt: Mit der CSS-Eigenschaft […]

15. März 2023

Design- und Code-Inspiration: Die Code-Pens von Gayane Gasparyan

Vielleicht nicht alles alltags-tauglich, aber definitiv sehr inspirierend sind die Code-Pens auf folgender Seite: https://codepen.io/gayane-gasparyan/pens/showcase

14. März 2023

Blur-Effekte mit CSS

Blur-Effekte sind ein beliebtes Gestaltungsmittel im Web-Design. In CSS gibt es 2 Arten von Blur-Effekten: „filter: blur(8px)“ und „backdrop-filter: blur(8px)“. Während ersterer schon sehr lange in allen gängigen Browsern funktioniert und eingesetzt werden kann, funktioniert die CSS-Eigenschaft „backdrop-filter: blur“ im Firefox erst seit Version 103, die im Juli 2022 veröffentlicht worden ist. Jetzt gibt es […]

14. März 2023

Was sind eigentlich Custom Post Types und Taxonomien in WordPress?

Custom Post Types und Taxonomien ermöglichen es in WordPress spezielle Inhalte und Kategorien zu erstellen, die über die Standard-Posts und -Kategorien hinausgehen. Custom Post Types Custom Post Types sind eine Möglichkeit, spezielle Arten von Inhalten zu erstellen, die nicht in den Standard-WordPress-Beitragstypen wie Beiträge und Seiten enthalten sind. Beispiele für Custom Post Types sind z.B. […]

13. März 2023

Fehlermeldung „Fehlendes Plug-in“ in Final Cut

Dieser Beitrag ist in erster Linie für die Google-Suche gedacht, da ich eine Lösung für dieses Problem bislang nicht bei Google gefunden habe. Ich hatte, seit ich einen anderen Mac nutze häufiger mal das sehr nervige Problem, dass mir in Final Cut die Fehlermeldung „Fehlendes Plug-in“ angezeigt wird und kein geladener Clip mehr zu sehen […]

Datenschutz Impressum