jQuery, Javascript & sonstiges

In diesem Bereich findet Ihr spezielle Tutorials die mich während meiner Projekte beschäftigt haben. Diese sind manchmal sehr individuell & speziell und daher selten anzuwenden oder wiederkehrende Funktionen, die ich gerne und oft bei meinen Kundenprojekten verwende.

jquery-toggle-switch

jQuery toggle switch

Ein toggle switch ist eine nette Spielerei, wenn man eine Checkbox oder ein Radio Input Eingabefeld auf der Webseite dynamischer darstellen möchte. Klar, man kann das Input-Feld auch einfach nur anze

Dieser Beitrag wurde am 19.02.2019 in der Kategorie Sonstiges abgelegt und bisher 177 mal gelesen.
modernen-overlayer-pop-up-fuer-die-webseite-erstellen

Modernen Overlayer (Pop-Up) für die Webseite erstellen

Ich möchte euch zeigen, wie Ihr einen modernen Overlayer für Eure eigene Webseite mit Ajax erstellen könnt. Ich bin kein Freund von nervigen Pop-Ups und möchte hoffen, dass mein Beispiel-Code daf

Dieser Beitrag wurde am 31.01.2019 in der Kategorie Sonstiges abgelegt und bisher 169 mal gelesen.
mac-os-mojave-screenshot-vorschau-deaktivieren

Mac Screenshot Vorschau deaktivieren

Seit dem neuen Betriebssystem macOS Mojave gibt es einige neue Funktionen die mehr oder weniger nützlich sind. Zu den eher unnützlichen neuen Features zählt für mich unter anderem die Screenshot V

Dieser Beitrag wurde am 18.01.2019 in der Kategorie Sonstiges abgelegt und bisher 140 mal gelesen.
latitude-und-longitude-in-gps-koordinaten-umrechnen

Latitude und Longitude in GPS Koordinaten umrechnen

Für eines meiner Projekte wollte ich die Latitude und Longitude in GPS Koordinaten umrechnen. Leider fand ich dazu im Internet nur Converter, die die Latitude & Longitude in Koordinaten umrechne

Dieser Beitrag wurde am 18.11.2018 in der Kategorie Sonstiges abgelegt und bisher 5.198 mal gelesen.
php-tage-mit-gleichen-oeffnungszeiten-zusammenfuegen

PHP – Tage mit gleichen Öffnungszeiten zusammenfügen

In einem meiner Projekte wollte ich Tage mit gleichen Öffnungszeiten zusammenfügen. Ich hätte auch einfach alle Tage untereinander schreiben können, aber aus Platztechnischen Gründen habe ich mic

Dieser Beitrag wurde am 02.11.2018 in der Kategorie Sonstiges abgelegt und bisher 4.179 mal gelesen.
php-array-alphabetisch-sortieren-mit-ueberschriften

PHP Array alphabetisch sortieren mit Überschriften

Oft ist es sinnvoll ein array zu sortieren und mit alphabetischen Überschriften zu versehen, um eine Auflistung übersichtlicher darstellen zu können. Dies macht gerade bei Namen, Tieren oder Automa

Dieser Beitrag wurde am 25.10.2018 in der Kategorie Sonstiges abgelegt und bisher 3.677 mal gelesen.
animated-progressbar

Progressbar CSS – jQuery

Eine Prozessleiste oder eine sogenannte Progressbar mit CSS und jQuery zu erstellen ist gar nicht so schwierig. Wir brauchen dazu nur ein bisschen jQuery ein kleines HTML Gerüst und ein bisschen CSS

Dieser Beitrag wurde am 02.10.2018 in der Kategorie Sonstiges abgelegt und bisher 1.760 mal gelesen.
svg-path-zum-bild-umwandeln-konvertieren

Convert svg path to image

Neulich stand ich vor dem Problem, dass ich ein SVG Bild nicht speichern konnte, da es als inline mittels svg geladen wurde. Nur wie wandelt man den svg path in ein Bild um? Ich selbst habe nicht wirk

Dieser Beitrag wurde am 19.09.2018 in der Kategorie Sonstiges abgelegt und bisher 1.259 mal gelesen.
jquery-gauge-mousemove-tutorial

jQuery Gauge mousemove – Tutorial

In diesem Tutorial möchte ich Euch zeigen, wie Ihr die Position der Mouse in einem Element dazu nutzen könnt, dass ein Pfeil mittels css die Position und damit die Richtung anzeigt.
Erstellen der El

Dieser Beitrag wurde am 26.01.2018 in der Kategorie Sonstiges abgelegt und bisher 933 mal gelesen.
text-mit-php-am-wortende-kuerzen-nicht-mittendrin

Text mit PHP richtig kürzen

Ab und zu muss man einen Text mit PHP kürzen. Sei es weil man einen Vorschautext in der Kategorie benötigt oder weil man die ersten 160 Zeichen des Textes für die meta=“description“ ausgeben möcht

Dieser Beitrag wurde am 23.01.2018 in der Kategorie Sonstiges abgelegt und bisher 947 mal gelesen.
svg-signatur-animation-unterschrift-animieren

svg signatur Animation

In diesem Beitrag möchte ich Euch zeigen, wie Ihr svg Unterschriften animieren könnt. Voraussetzung ist natürlich ein Vektorbasiertes Grafikprogramm wie Adobe Illustrator.
1. SVG Grafik erstellen
A

Dieser Beitrag wurde am 11.01.2018 in der Kategorie Sonstiges abgelegt und bisher 1.447 mal gelesen.
instagram-beitraege-in-eigene-webseite-einbinden-instagram-access-token-erstellen

Instagram Posts auf eigene Webseite

In diesem Beitrag zeige ich, wie Ihr Eure letzten Instagram Beiträge auf die eigene Webseite postet.
1. Download der Instafeed.js
Als erstes müsst Ihr euch die Instafeed.js downloaden und diese an

Dieser Beitrag wurde am 03.01.2018 in der Kategorie Sonstiges abgelegt und bisher 5.337 mal gelesen.
wetterdaten-mit-openweathermap-api-in-eigene-webseite-einbinden

Wetterdaten mit API laden und auf Webseite einbinden

Es gibt mehrere Möglichkeiten das aktuelle Wetter auf der eigenen Webseite einzubinden. Entweder mit einem Plugin, einem Widget oder einer selbstgeschriebenen Funktion.
Ich möchte Euch zeigen, wie

Dieser Beitrag wurde am 02.01.2018 in der Kategorie Sonstiges abgelegt und bisher 2.321 mal gelesen.