Direkt zum Hauptbereich

Posts

Neuer Eintrag - Patricia Spyra Fotografie

Wer professionelle Fotos braucht, findet in Adelzhausen Hilfe. Mit den fotografischen Schwerpunkten
BabyfotografieTierfotografieFamilienfotografieKinderfotografieFotoshooting für PaareBewerbungsfotos halten Sie Ihre wichtigsten Momente im Bild fest .

An selber Stelle gibt es auch Hilfe, wenn man Hilfe beim Webdesign braucht.
Weiteres dazu auf aic-info.de

Letzte Posts

Freibad Aichach Webcam

Der Eintrag Freibad Aichach hat ab sofort ein verkleinertes Abbild des Monitors , der auf www.aichach.de Öffnungsstatus und Temperaturen via WebCam überträgt.
Da das Originalbild sehr groß ist (1920x1080) und ich die Darstellung auf dem Smartphone optimieren wollte, habe ich das Originalbild 'zerschnitten' und neu (kleiner) wieder zusammengesetzt. Zudem wird auch das Datum (wann das Bild erzeugt wurde) in deutschem Datumsformat angezeigt.
Alle 5 Minuten wird das Bild aktualisiert - ein kleines Python-Programm holt das Original, schneidet die einzelnen Elemente aus und setzt sie wieder neu zusammen. Mit einer Gesamtbreite von 310 Pixeln passt das Bild nun unskaliert auch auf ein altes iPhone 5 (320 Pixel breit).
Ursprünglich wollte ich via OCR den Anzeigetext auslesen und direkt auf der Webseite ausgeben. Das stellte sich aber als zu großer Aufwand dar, da tesseract (OCR-Programm) die 7-Segment Anzeige der Temperaturen nicht ohne weiteres lesen kann und man mühevoll einen Einle…

Öffnungszeiten - neu sortiert

Bislang waren die Öffnungszeiten strikt von Mo-So aufsteigend sortiert. Dies hat sich geändert! Ab sofort wird der aktuelle Tag immer als erstes angezeigt, gefolgt von den nächsten Tagen. Das hat bei Smartphones den Vorteil, dass man nicht nach unten scrollen muss wenn man für heute oder morgen die Öffnungszeiten wissen möchte.

via GIPHY

Technik-Tipp Die Anordnung der Wochentage - wer ist der erste, zweite usw. - erfolgt auf der Client-Seite. Die Flexbox-Elemente erhalten auf dem Server via PHP ihre Pos1 - Pos7 Position (CSS Klasse), der Client sortiert dann gemäß der 'order' Eigenschaft die einzelnen Tage ein.


Die HTML-Reihenfolge ist nicht die selbe Reihenfolge, wie die Darstellung am Display! Der Freitag mit der Klasse 'Pos1' kommt im HTML erst an 5ter Position. Über die zugehörige CSS Definition können Flexbox-Items (die Elemente innerhalb einer Flexbox) sortiert werden:

Mit 'order:1' wird der Freitag als Nummer 1 angezeigt, die restlichen Tage bekommen auch…