Heilbronn Digital

Heilbronn Digital

Hallo und willkommen bei Heilbronn Digital!

Mein Name ist Florian Freiburg (mehr zu meiner Person), ich arbeite bei KRUU als Frontend Backend Developer. Nebenbei betreibe ich diesen Blog. Thematisch werde ich großteils über Dinge schreiben, die mir während der Arbeit über den Weg laufen.

Die ersten Beiträge sind in Arbeit und werden Stück für Stück veröffentlicht.

  • Lange nicht gelesen, v2

    Papa, was machst du da? Ok, wow. 2019 war der letzte Beitrag. Mittlerweile ist da ganz schön viel passiert. Aus „ich schreib jetzt mal schnell was“ wurde „schnell noch das Kind die Kinder ins Bett bringen“ und „dann an die Tastatur“ „der Hund muss noch raus“ und „jetzt noch eine Runde Rad“ „Shit, Garten, giessen!“.…

  • Lange nicht gesehen (gelesen)

    Mittlerweile ist es ja schon über ein Jahr her, dass ich hier etwas geschrieben habe. Dabei hatte ich mir fest vorgenommen, meine Erkenntnisse immer niederzuschreiben und mit anderen zu teilen. Hat leider nicht so funktioniert wie ich mir das vorgestellt habe. Arbeit hier und dort, Familie, ein Gartengrundstück. All das frisst mehr Zeit als ich…

  • WordPress: Multisite in Foldern und nginx

    WordPress bietet von Haus aus die Verwaltung von so genannten Multisite-Umgebungen an. Sprich man kann mehrere Blogs / Webseiten mit einer Installation verwalten. Selbiges kennt man auch aus Typo3. Ich kannte diese Installationen bisher eher domainbasiert. Ich habe also entweder Subdomains oder „richtige“ Domains, unter welchem der jeweilige Blog läuft. Beispiel: blog.kundenname1.de, www.kundenname1.de, www.kundenname2.de. Das funktioniert…

  • PHP: Funktionstests auf Bilder mit Codeception

    In einem Symfony-Projekt soll mit Codeception ein Funktionstest erstellt werden, der die Webseite auf nicht geladene Bilder untersucht. Weiterhin soll die Funktionalität natürlich nicht nur in einem einzelnen Test, sonder über die gesamte Suite und ggfs. in weiteren Testsuites verfügbar sein. Also muss man sich einen eigenen Helper erstellen. Darin kann man aus dem bestehenden Set…

  • TYPO3: Seitentitel mit Daten aus Extension befüllen

    Oft setzt man auf seiner Typo3 Seite Plugins ein, welche die Funktion Listenansicht und Detailansicht beinhalten. Klassische Beispiele hierfür sind Plugins wie News oder Stellenangebote. Für die SEO Optimierung ist es meist notwendig den Seitentitel entsprechend anzupassen, da man mit einer Seite „Stellenangebot“ meist relativ wenig anfangen kann. Hier wäre es gut, wenn z.B. der Titel…

  • Ich wünsche…

    …allen ein frohes Fest und einen guten Rutsch ins neue Jahr 2017!

  • TYPO3: formhandler Daten aus der Datenbank übernehmen

    Offenbar mutiert formhandler gerade zu einem meiner Lieblingsthemen in Typo3. Auch an dieser Stelle wieder der Hinweis: formhandler wird nicht mehr aktiv weiterentwickelt! Der Kundenwunsch ist eine Double-Opt-In Anmeldung für einen Newsletter mit tt_address und formhandler. Als kleines Schmankerl soll jedoch nach erfolgreicher Freischaltung bzw. Aktivierung der Newsletteranmeldung durch den Abonnenten der Administraotr der Seite noch zusätzlich…

  • TYPO3: SSL Zertifikat in einer Multidomainumgebung

    Angenommen man hat eine Typo3 Multidomainumgebung, welche die Domains kundenname1.de, kundenname2.de und kundenname3.de ohne ein SSL Zertifikat verwaltet, der Webserver selbst befindet sich hinter einem Loadbalancer, welcher die Anfragen intern entsprechend weitergibt. Nach außen Port 443, intern werden Anfragen über Port 80 verarbeitet. Nun entscheidet der Kunde, dass die Domain kundenname3.de ein SSL Zertifikat erhalten…

  • TYPO3: sendy-Integration mit formhandler

    Da ich jedoch für ein Projekt kurz zuvor eine kleine Extension geschrieben habe, welche sendy (siehe Beitrag „Newsletterversand mit sendy“) in Typo3 integriert, möchte ich diese Lösung dennoch hier vorstellen. Hinweis: Die Entwicklung von formhandler wurde die Tage (Stand Oktober 2016) eingestellt. Ziel ist die Erstellung eines Formulares mit formhandler und Speichern der eingegebenen Daten in der…

  • TYPO3: formhandler Version 2.4.0 & sr_freecap

    Wer die Kombination formhandler mit der Extension sr_freecap zur Vermeindung von Spam nutzt und die Tage ein Update der Erweiterung gemacht hat wird auf folgendes Problem stoßen: Es wird kein Captcha mehr angezeigt *PANIK* In Version 2.3.1 wurde von Formhandler simpel abgefragt, ob sr_freecap installiert ist. Anschliessend wurde sr_freecap instanziert, ein Captcha generiert und an das Template…

  • Arbeiten im Homeoffice – meine persönlichen Do’s and Dont’s

    In den Zeiten der Digitalisierung, verteilter Teams, besserer Kommunikationsmöglichkeiten und technischer Fortschritte nehmen viele Arbeiter gerne die Möglichkeit eines Heimarbeitsplatzes durch den Arbeitgeber an. Für Viele, die zum Beispiel eine längere Strecke zu pendeln haben, ist das eine reizvolle Möglichkeit 8 Stunden zu Arbeiten ohne den lästigen Arbeitsweg auf sich zu nehmen – und Sprit…

  • TYPO3: formhandler per Typoscript einbinden

    Manchmal werden Formulare in Bereichen benötigt, die auf der gesamten Webseite die selbe Darstellung und Position haben. Dem Redakteur die Pflege zuzumuten ist etwas, das mir persönlich missfällt. Die Arbeit nehme ich ihm gerne ab. Somit muss/soll/kann man das Formular, welches man mit Formhandler angelegt hat, per Typoscript einbinden. Wie das funktioniert ist hier kurz beschrieben,…

  • Newsletterversand mit sendy

    Vor ein paar Tagen bin ich im Zuge eines Projektes über ein recht interessantes Tool gestoßen. Zuerst aber eine kleine Einführung: Für ein Projekt musste eine Newsletter-Lösung aufgesetzt werden. Als CMS kommt Typo3 zum Einsatz, der Versand erfolgt in regelmäßigen Abständen, Versandgröße ca. 10.000 (steigend). Klar, es gibt schon integrierte Lösungen, um über Typo3 einen Newsletter zu…

  • woocommerce: Related products nur nach Tags anzeigen

    Über das beliebte E-Commerce Plugin woocommerce kann man sich in der Detailansicht verwandte Produkte anzeigen lassen. Woocommerce zieht sich in der Detailansicht für verwandte Produkte alle Produkte, die in der selben Kategorie liegen oder die selben Tags (Schlagwörter) gepflegt haben. Weiterhin kann man das Limit, wie viele verwandte Produkte angezeigt werden sollen, verändert werden. Alles in…

  • TYPO3: Extension vhs – Viewhelper für FLUID

    Mit Fluid lässt sich viel Logik aus Typoscript und PHP in die Frontend-Templates auslagern. Aber auch Fluid sind Grenzen gesetzt. Für Funktionalitäten, die nicht nativ in Fluid vorhanden sind, gibt es die TYPO3 Erweiterung vhs (das External Manual der Erweiterung findet ihr hier). Diese wurde 2012 das erste Mal im TER bereitgestellt und zählt mittlerweile über 30.000…

  • TYPO3: Variablen in FLUID an ein Partial übergeben

    Durch Fluid können Templates wunderbar in Partials unterteilt werden, was der allgemeinen Übersicht sehr dienlich ist. Weiterhin können Partials in mehreren Templates wiederverwendet werden, ohne jedesmal den benötigten „Grund“-HTML-Code zu kopieren (ja, das funktioniert in TemplaVoila auch recht gut, aber darauf gehe ich hier nicht tiefer ein). Aber wie bekommt man seine Variablen aus dem Typoscript und dem…

  • LESS: Viewport Größen mit Pixelangaben verrechnen

    Wenn man mit calc die viewport height bzw. viewport width mit einer Pixelangabe verrechnen möchte, stolpert man oft über eine „inkorrektes“ Ergebnis Bsp: min-height: calc( 100vh – 90px) ergibt min-height: calc(10vh) Der Grund hierfür ist dass LESS die Viewport Höhe nicht korrekt erkennt und berechnen kann. Lösung: min-height: calc( ~“100vh“ – 90px) Durch escapen kann…

  • SVGs im Hintergrund: Paint it black – oder in jeder anderen beliebigen Farbe

    Früher hat man gerne mit png oder Sprites für die Darstellung von Icons auf einer Webseite gearbeitet, dann kam FontAwesome mit einer großen Sammlung standarisierter Icons – und manchmal schafft man halt auch mit SVG. Die Farbe von inline eingebundenen SVG lassen sich ja recht einfach anpassen: Bsp. für ein SVG mit direkter Einbindung in…

  • Zählen mit CSS

    Mit reinem CSS3 lassen sich Elemente durchzählen – eine Option die man beim erstellen einer Webseite nicht ausser Acht lassen sollte, wenn es z.B. darum geht Listen für mobil anzupassen. Hierbei ist zu beachten, dass sich die Styles hier nicht auf das Elternelement basierend auf der Anzahl der Kindelemente anwenden lassen. Man kann jedoch mit…

  • JS: Swiper von idangero.us – mobil und touchfreundlich …

    … jedoch mit einer kleinen Macke. Generell bin ich sehr begeistert von Swiper und setze diesen auch sehr gerne und oft ein. Er ist auch in eigenen Plugins schnell eingebunden und einsatzbereit, unkompliziert, einfach zu anzupassen, mobil- und touchfreundlich. Bei einem Projekt sollte ein OnePager mit WordPress umgesetzt werden. Die einzelnen Inhalte, also Posts und…