Schlagwort: javascript
Für einen Kunden auf der Arbeit musste ich die Tage eine Navigation Animation in VueJS umsetzen. Mit heutigen CSS3 Animationen – Kein Problem – dachte ich. Allerdings ließ sich die gewünschte Animation nicht mit reinem CSS umsetzen. Es musste also ein bisschen Javascript Magic her. Die Snippets, die ich im Netz fand, waren allerdings alle für jQuery ausgelegt oder unterstützten keine dynamische Größe des Links. Daher musste ich mir selber etwas überlegen und möchte den Code im Folgenden mit dir teilen.
Für die Arbeit musste ich die Tage einen animierten Newsticker erstellen – quasi ein Laufband. Der Text sollte nach links einlaufen und sich unendlich wiederholen. In den frühen Tagen des Internets hat man das auf vielen Webseiten gesehen. Ich dachte also „Kein Problem!“. Little did I know… Da die Vue Plugins aus dem Netz entweder hakten oder nicht zu stoppen waren (das ist wichtig für die Barrierearmut), habe ich prompt selber eine Komponente gebaut und möchte den Code mit dir teilen.
Auf der Arbeit wurde ich mit dem Problem konfrontiert, dynamische Inhalte in einem OffCanvas darzustellen. Beispielsweise ein Inhaltsverzeichnis oder die mobile Hauptnavigation. Insgesamt gab es über fünf verschiedene Fälle, die abgedeckt werden sollten. Normalerweise würde man vermutlich eine theme Property an die entsprechende Komponente übergeben. Damit wären die Inhalte aber nicht mehr im Kontext ihrer Komponenten und die OffCanvas Komponente würde immer größer werden. Eine Alternative bietet portal-vue.
Ich bin ein großer Fan des Quasar Frameworks. Nachdem ich nun Tage damit verbracht habe personalisierte OneSignal Push Notifications mit Quasar und Capacitor unter iOS zum Laufen zu kriegen, möchte ich mein Ergebnis mit dir teilen. Um den Notifications Dienst zu konfigurieren müssen wir uns an den nativen iOS Code heran wagen. Aber keine Sorge: Wir kriegen das hin!
Die alten Hasen unter den Programmierern erinnern sich bestimmt noch an die Zeiten von Flash. Ich selbst kam zum Glück nie in den Genuss dieser Programmiersprache. Was mir aber trotzdem immer im Gedächtnis geblieben ist: Fancy in die Zwischenablage kopieren funktioniert nur mit Flash!
Aaaaaber… das hat sich nun geändert! Javascript sei Dank. Neugierig geworden? Dann jetzt weiterlesen!