15. April 2023

Office Planner – ein einfacher HomeOffice-Kalender

In den letzen Jahren und Monaten hat sich ja in vielen Unternehmen das Home Office, zumindest zeitweise, etabliert. Um den Abstimmungsprozess, wer wann im Home Office ist, zu vereinfachen, habe ich für eine Abteilung unserer Agentur ein kleines Tool programmiert, in dem die Bürotage der jeweiligen Kolleg*innen eingetragen werden können. Hier geht´s zur Demo: https://www.fbnfrtg.de/tools/officeplanner/ […]

• jQuery
• PHP
• SleekDB

15. April 2023

Manuelle Silbentrennung auf Websites mit einem bedingten Trennstrich (soft hyphen)

Hier hatte ich vor einigen Tagen bereits geschrieben, dass ich für die manuelle Silbentrennung auf Websites ein JavaScript geschrieben habe. Inzwischen habe ich eine Möglichkeit gefunden, mit der das u.U. gar nicht notwendig ist. Es gibt nämlich tatsächlich einen unsichtbaren bedingten Trennstrich, den man in Wörter einfügen kann. Hier ist er zum copy&pasten zwischen den […]

• HTML
• WordPress

6. April 2023

Wozu Webentwickler Chat GPT konkret nutzen können.

Chat GPT ist ja derzeit in aller Munde und die Ergebnisse, die Chat GPT liefert sind wirklich beeindruckend. Auch häufig ist derzeit zu lesen, dass Menschen ohne jegliche Programmiererfahrung die verrücktesten Dinge von Chat GPT programmieren lassen. Bei vielen Storys fällt es mir schwer das zu glauben, da ja neben dem Code auch noch viele […]

• ChatGPT

2. April 2023

Wie man Inhalte anderer Websites mit „Simple HTML DOM“ auslesen kann

„Simple HTML DOM“ ist ein sehr praktisches Tool um Inhalte, z.B. Job-Angebote, Immobilienangebote oder ähnliche Daten von Websites auszulesen und auf der eigenen Website weiter zu verarbeiten. So lässt sich z.B. eine Job-Börse oder Immobilienportal realisieren auf denen die Angebote mehrerer Firmen und Anbieter automatisch gelistet werden können. Um zu starten musst du die PHP-Library […]

• PHP

1. April 2023

Mehrspaltiges Layout mit gleichgroßen divs mit CSS Grid

Mit folgendem Code lässt sich mit CSS Grid ein mehr-spaltiges Layout mit divs in gleicher Höhe ohne jQuery oder JavaScript umsetzten. Box 1 Lorem ipsum, dolor sit. Box 2 Button Box 3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, placeat inventore. Lorem ipsum dolor sit amet. Button Box 4 Lorem ipsum dolor sit […]

• CSS
• HTML

1. April 2023

5 praktische jQuery-Plug-ins, die man auf fast jeder Website gut gebrauchen kann

Das tolle an jQuery ist, dass es nicht nur sehr einfach ist, eigenen Code damit zu schreiben, sondern das es auch für nahezu jeden Anwendungsfall bereits ein passendes Plug-in gibt. Hier ist meine Top 5 der jQuery-Plugins, die ich fast auf jeder Website einsetze. Magnific Popup Ein Klassiker unter den Lightbox-Plugins. Schlicht, schön, einfach zu […]

• jQuery

31. März 2023

CSS-Variablen

In Programmiersprachen sind Variablen gang und gäbe. Auch in Sass gibt es Variablen. Und tatsächlich gibt es auch in CSS die Möglichkeit Variablen einzusetzen. Genau genommen heißen sie dort „custom properties“ – die dazugehörigen Funktion lautet aber „var()“… Und so funktionieren Variablen in CSS: Am sinnvollsten ist es CSS-Variablen am Anfang des Stylesheets zu definieren […]

• CSS

31. März 2023

Nur bestimmte Wörter trennen

Die CSS-Silbentrennung (hyphens: auto) ist gleichzeitig Fluch & Segen. Einerseits ist es praktisch und vermeidet, gerade bei schmalen Textspalten, größere Lücken im Text, andererseits entstehen oft sehr merkwürdige Trennungen. Inzwischen deaktiviere ich auf vielen Websites schon wieder die automatische Silbentrennung, da viele Kunden die Trennungen als störend empfinden. In manchen Situationen, besonders bei großen Headlines […]

• CSS
• HTML
• JavaScript

29. März 2023

Wiederverwendbare Blöcke in WordPress effektiv nutzen

Wiederverwendbare Blöcke sind ein hilfreiches Tool, das gleich auf 2 Arten sinnvoll genutzt werden kann. Zum einen können wiederverwendbare Blöcke direkt im Gutenberg-Editor genutzt werden. Z.B. wenn man einen bestimmten Bereich häufiger auf der Website darstellen will. So ein Block kann einfach erstellt werden, indem man den Inhalt im Gutenberg-Editor erstellt, einen oder mehrere Blöcke […]

• PHP
• WordPress

24. März 2023

Unterschiedliche Seitentemplates in einem WordPress-Theme

Gerade wenn WordPress als CMS genutzt wird, ist es praktisch mehrere Seitentemplates zur Verfügung zu haben. Standardmäßig wird die Datei „page.php“ als Template für Seiten genutzt. Um weitere Templates zu erstellen, gehst du wie folgt vor: Anschließend kann das Template im Seitenmenü rechts ausgewählt werden.

• WordPress