29. September 2023

Mit jQuery Position innerhalb eines divs bestimmen

Mit folgendem jQuery-Script kannst du die Postion eines Punktes innerhalb eines divs bestimmen. Das ist zum Beispiel sehr hilfreich wenn du den Fokuspunkt eines Bildes bestimmen willst oder wenn du ein Overlay baust.

• JavaScript
• jQuery

20. September 2023

So kannst du ein 360°-Panorama in eine Website einbauen

• JavaScript

19. September 2023

Mit simplegmaps kannst du individuelle Google Maps mit mehreren Markern ganz einfach erstellen

• Google
• JavaScript

30. August 2023

Divs beim scrollen einblenden

Divs erst beim scrollen zeitverzögert einzublenden oder „reinfliegen“ zu lassen ist ein großer Trend in den letzten Jahren gewesen. Wenn man es nicht übertreibt und subtile Animationen, kann das durchaus ein netter Effekt sein. Wobei ich grundsätzlich eher Fan davon bin wenn eine Website schnell und direkt ist und die Darstellung der Inhalte nicht noch […]

• HTML
• JavaScript

20. August 2023

jQuery „Live-Suche“ – So kannst du Elemente auf einer Website durchsuchen und nicht passende Ergebnisse ausblenden.

Mit folgendem jQuery-Script kannst du eine „Live-Suche“ oder eine Filterfunktion auf einer Website umsetzen. Sobald etwas im Suchfeld eingetippt wird, werden alle nicht-passenden Elemente ausgeblendet. Hier kannst du das Skript an Hand einer (fiktiven) FAQ für ein Hotel ausprobieren: Wie kann ich eine Reservierung vornehmen? Sie können online über unsere Website oder telefonisch über unsere […]

• HTML
• JavaScript
• jQuery

24. Juli 2023

4 Weiterleitungen (redirects) in HTML, JavaScript, PHP & htaccess

Eine Weiterleitung auf eine andere Website ist in vielen Fällen erforderlich. Z.B. nach erfolgreichem Log-in oder wenn eine Seite nicht mehr existiert oder umgezogen ist… Hier findest du 4 Möglichkeiten auf einer andere Seite weiterzuleiten. HTML JavaScript PHP htaccess Um mit JavaScript, abhängig von der aktuellen URL, auf eine andere Seite umzuleiten, ist dieses Snippet […]

• HTML
• JavaScript
• PHP

25. April 2023

So kannst du Push-Mitteilungen von deiner Website versenden

Push-Mitteilungen oder Browser-Benachrichtigungen sind eine coole Möglichkeit die User einer Website auch dann zu erreichen, wenn sie gerade nicht auf der Website sind. Push-Nachrichten funktionieren in allen aktuellen Desktop-Browsern, auf Android-Smartphones und seit April 2023 auch endlich auf iOS (iOS 16.4) – allerdings mit einer Einschränkung: Die Website muss als WebApp „installiert“ sein. Beispiele für […]

• Google
• JavaScript

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

28. März 2023

Einfache Zeitsteuerung mit JavaScript oder PHP

Mit folgenden Codes kann man ein div oder andere Elemente einfach zeitgesteuert einblenden: Oder das Ganze in PHP:

• JavaScript
• PHP

24. März 2023

jQuery Count up

Mit folgendem jQuery-Script wird von 0 bis zu einer definierten Zahl hochgezählt, sobald die Zahl auf dem Bildschirm zu sehen ist.

• JavaScript
• jQuery