JavaScript: Datum und Wochentag ermitteln und vergleichen

Für eine vom Wochentag abhängige bzw. Zeit-gesteuerte Änderung einer Werbeanzeige auf einem Werbebildschirm musste ich in dem dafür genutzten JavaScript-Code eine entsprechende Abfrage einbauen, um je nach Datum oder Wochentag die anzuzeigenden Bilder festzulegen. In Javascript ist das aber gar nicht so trivial, wie ich dachte.

Weiterlesen

Bildergalerie mit LightGallery, JustifiedGallery, PHP und leider ohne Lazyload

Für eine private Webseite brauchte ich eine Galerie, in der ca. 1500 Fotos als Thumbnails angezeigt werden und auch im Großformat geöffnet werden können. Wenn man nach Templates für so eine Galerie sucht, findet man einige ganz nette Sachen. Gelandet bin ich bei der LightGallery (Achtung: nur für private Projekte kostenfrei!), deren Großanzeige der Bilder mir am besten gefallen hat und eine recht schöne Auswahlmöglichkeit des aktuell in groß angezeigten Bildes, sowie auch eine Downloadfunktion für das Foto bietet. Für die Galerie selber, also die Anzeige der Thumbnails, gefiel mir die JustifiedGallery besser. Wie ich diese (leider nicht) in Verbindung mit Lazyload, aufgrund der enormen Anzahl an Fotos, und ein bisschen PHP für die Generierung der URLs zu den Bilddateien genutzt habe, zeige ich in diesem Artikel.

Weiterlesen

Bootstrap 3: Probleme mit einer Sticky/Affix-Navbar

Für die Neugestaltung eines Webprojekts, bei welchem aus Prokrastinationsgründen noch das mittlerweile veraltete Bootstrap 3 zum Einsatz kommt, wollte ich eine sogenannte „Sticky-Navbar“ verwenden. (Achtung: Falls man schon Bootstrap 4 verwendet ist die Syntax vermutlich anders als in den gezeigten Codebeispielen.)

Im Prinzip ist dies eine „Fixed“-Navbar, also eine fest positionierte Navbar, die oben über dem Seiteninhalt bleibt. Hinzu kommt bei der „Sticky“-Navbar im Normalfall noch ein Bereich über der Navbar, indem ich in diesem Fall die Links für das Pflichtprogramm bzgl. Datenschutz etc. anzeigen lasse, der beim Scrollen dann ausgeblendet wird. Hier kann man z. B. auch ein großes Bild oder dergleichen anzeigen lassen, unterhalb dem sich die Navbar dann anfangs befindet. Beim Scrollen bleibt die Navbar dann am oberen Rand des Browserfensters „kleben“ und die ganze Zeit über dem Content, sodass der Seitenbesucher nicht hochscrollen muss, um wieder an die relevanten Links zu gelangen.

Leider kam es zu unschönen Effekten beim Versuch die Sticky-Navbar mit Bootstrap-Bordmitteln umzusetzen. Was genau ich damit meine und wie ich es mit etwas eigenem Code gelöst habe, zeige ich in diesem Artikel.

Weiterlesen

Google Adsense DSGVO-konform nutzen? #2

Der Cookie-Banner auf sehr vielen Seiten hat einen unschönen Nebeneffekt: Er überdeckt den unteren Teil der Seite bzw. den Footer. Das kann kritisch sein, wenn man dort Links zum Impressum und Kontaktformular angebracht hat und diese nicht nochmals im Header der Seite vorkommen. Um auch hier keine Probleme zu bekommen habe ich bei mir dafür gesorgt, dass der Footer möglichst immer erreichbar ist.

Weiterlesen

Google Adsense DSGVO-konform nutzen?

Die letzten Tage habe ich mich damit beschäftigt, wie man in einem Webprojekt Google Adsense wieder DSGVO-konform einsetzen kann. Ob ich dies nun wirklich geschafft habe weiß ich natürlich nicht. Zumindest habe ich es entgegen der Handhabung vieler anderer Seiten, wie bereits im letzten Artikel aufgezeigt, vernünftig mit einem Opt-In aufgesetzt. Womit ich das realisiert habe zeige ich im folgenden Artikel.

Weiterlesen

Dynamische Website lokal ohne Webserver

Für ein eBook, welches als PDF und als html-Version erstellt werden sollte, hatte ich vor einiger Zeit die Idee, den Aufbau möglichst auch dynamisch vorzunehmen, wie ich dies sonst mit PHP realisieren würde. Dies bedeutet, das bestimmte Dinge wie ein Header, Footer, etc. in eigene Dateien ausgelagert werden und dann beim Aufruf der Seite zusammengesetzt werden. Grundsätzlich funktioniert das auch.

Weiterlesen