19 Februar, 2023

Externe Links in neuem Fenster öffnen

Mit folgendem JavaScript werden alle Links einer Website, die auf einer externe Seite führen, in einem neuen Fenster geöffnet. Fun Fact: Irgendwo habe ich einen ähnlichen Code schon mal eingesetzt. Statt ihn zu suchen, habe ich Chat GPT erneut auf die Probe gestellt. Meine Anfrage lautete: „Erstelle ein Javascript, das bewirkt, dass alle externen Links […]

• ChatGPT
• JavaScript

18 Februar, 2023

Chat GPT programmiert jQuery-PlugIn

Kann Chat GPT wirklich programmieren? Ich konnte es nicht glauben, aber es funktioniert tatsächlich. Ich habe Chat GPT gebeten ein jQuery-Plugin zu programmieren. Meine einzige Anweisung war „Erstelle ein jQuery-Plugin, dass Fotos in einer Lightbox öffnet.“ Und heraus gekommen ist tatsächlich ein funktionierendes jQuery-Plugin. Hier ist das Ergebnis: www.fbnfrtg.de/demo/chatgpt-jquery-lightbox.html

• ChatGPT
• JavaScript
• jQuery

12 Februar, 2023

Masonry-Layout mit Bootstrap

Masonry-Layouts waren in der Vergangenheit nicht immer einfach umzusetzen. Mit Bootstrap 5 können einfach die gewohnten Col-Klassen benutzt werden und mit wenigen Zeichen Code in ein Masonry-Layout gewandelt werden. Hierfür muss natürlich das Masonry-Javascript geladen sein: https://masonry.desandro.com/

• Bootstrap
• JavaScript