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

Alle Beiträge zum Thema "JavaScript"

1 November, 2023

setTimeout() – JavaScript-Code zeitverzögert ausführen

Mit folgendem Code lässt sich JavaScript zeitverzögert ausführen.

9 Oktober, 2023

Responsive Text

Im responsive Webdesign wird wird die Schriftgröße in der Regel durch Breakpoints und Mediaqueries angepasst. Z.B. auf kleinen Bildschirmen 14px und auf großen Bildschirmen 22px. Das funktioniert in den meisten Layouts auch sehr gut. Manchmal soll eine Headline aber auch stufenlos skaliert werden. Z.B. wenn sie, wie in diesem Beispiel, genau so breit sein soll, […]

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.

20 September, 2023

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

360°-Panoramen sind ein fantastisches Tool mit dem sich die User einer Website einen sehr guten Überblick über einen entfernten Ort verschaffen können, z.B. einer Immobilie, einer Ferienwohnung, einem Museum oder einem touristischen Ziel. Mit dem Panorama-Viewer Pannellum, lassen sich 360°-Panoramen ganz einfach in eine Website einbinden. Image by Freepik Auch Touren mit Hotspots und Links […]

19 September, 2023

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

Google Maps sind ein fantastisches Tool zur Darstellung von – Überraschung – Standorten. Während es sehr einfach ist, einen einzigen Standort auf einer Karte darzustellen und im iFrame einzubinden, ist es relativ umständlich und kompliziert mehrere Marker auf einer Karte zu platzieren und mit eigenen Tooltips zu versehen. Das JavaScript(-Plug-in) simplegmaps vereinfacht diesen Prozess enorm. […]

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

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

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

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

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

Datenschutz Impressum