Wer Weiss Was?

Im «WWW» wird jegliches Webflow Know-how aufgelistet, welches wir als btc-Team haben. Dabei wird jeweils immer notiert, welche Person(en) dieses Know-how besitzen.

Durchsuchen:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

00

Skills gefunden

Events von einer Website automatisch auf Google anzeigen

Wenn man auf Google "Stadtcasino Basel Programm" eingibt, kommt direkt eine Kalender-Ansicht mit allen kommenden Events vom Stadtcasino.
Dafür muss man aber gewissen Code auf der Website einbauen, damit Google die Events auf der Website erkennt.

Beispiel (Konzerte oben in den Suchergebnissen)

https://www.google.com/search?q=stadtcasino+basel+programm&oq=stadtcasino+basel&gs_lcrp=EgZjaHJvbWUqBwgCEAAYgAQyBwgAEAAYjwIyDQgBEC4YrwEYxwEYgAQyBwgCEAAYgAQyBwgDEAAYgAQyBwgEEAAYgAQyBwgFEAAYgAQyBwgGEAAYgAQyBwgHEAAYgAQyBwgIEAAYgAQyBwgJEAAYgATSAQg0Mjg3ajBqN6gCALACAA&sourceid=chrome&ie=UTF-8

Das weiss:

Martin

Erste Option in Formular Dropdown deaktivieren

Beispiel

https://neues-orchester-basel.webflow.io/abo#bestellformular

Siehe Dropdowns "Abonnement" und "Kategorie"

--> Code befindet sich in Site Settings ganz unten.

Das weiss:

Martin

Erneutes Ausfüllen eines Formulars im selben Browser verhindern

Das weiss:

Martin

Background Video: Element-Höhe automatisch von eingefügtem Video übernehmen

Das weiss:

Martin

Ligaturen deaktivieren

Das weiss:

Martin

Kelly

Styling von Text Underline anpassen

Das weiss:

Martin

Kelly

Custom Styling für alle externen Links

Das weiss:

Martin

Text Link Hover mit Umbruch innerhalb des Links

Das weiss:

Martin

Scrollen verhindern, wenn Navigation offen ist

Das weiss:

Martin

Cookie Banner (DSGVO konform)

...zumindest einigermassen konform...

Das weiss:

Martin

Mobile Navigation: Variable Höhe für Full-height Elemente

Eine geöffnete Navigation soll auf Mobile die gesamte Höhe des Viewports einnehmen. Da sich der Viewport beim Scrollen durch das Verschwinden der Adressleiste aber vergrössert, muss die Höhe der Navigation dynamisch sein.

Das weiss:

Martin

Mehrspaltiger Text (responsive)

Tags: multi column text

Das weiss:

Martin

Kelly

Webflow Formulare: alle States definieren (Hover, Focused, Placeholder, etc.)

Das weiss:

Martin

Kelly

Conditional Visibility (mit CMS Items)

Das weiss:

Martin

Page Speed Optimierung

Geschwindigkeit der Website optimieren

Das weiss:

Martin

Verschachteltes CMS (Nested CMS)

Das weiss:

Martin

Kelly

Basic Know-how von Webflow Ecommerce

Das weiss:

Martin

Basic Know-how von Webflow Logic

Das weiss:

Martin

Website Publishing (DNS Settings einstellen)

Das weiss:

Martin

Draggable Elements

Das weiss:

Martin

Kelly

Horizontal Scrolling

Das weiss:

Martin

Effizientes Arbeiten mit Utility Classes

Das weiss:

Martin

Interaktionen in Browser speichern

Zum Beispiel für Online-Weihnachtskalender (Speichern, welche Türchen geöffnet wurden)

Das weiss:

Martin

Text Fade In Animation

Custom FadeIn Animation für Text.
Paragraph für Paragraph.
Wort für Wort.
Zeichen für Zeichen.

Das weiss:

Martin

Mehrseitige Formulare (multi page form)

Das weiss:

Martin

Simple Cookie Banner

Cookie Banner nach dem ersten Bestätigen automatisch ausblenden, wenn die Website erneut aufgerufen wird.

Das weiss:

Martin

Kelly

Page Transitions

Das weiss:

Martin

Custom Grid mit CMS Liste

Das weiss:

Martin

Google Search Site Indexing

SEO Optimierung durch Site Indexing

Das weiss:

Martin

SEO Optimierung in Webflow

Das weiss:

Martin

Conditions: Erweiterte Conditional States, die nicht von Webflow unterstützt werden

Tags: Conditional State, Filter, Sortierung

Das weiss:

Martin

Custom Breakpoints für bestimmte Elemente

Das weiss:

Martin

«Mehr laden» Funktion für CMS Listen

Das weiss:

Martin

Kelly

Adobe Fonts einbetten

Das weiss:

Martin

Kelly

Worte mit Überlänge kürzen

Zu lange Worte ragen auf Mobile aus dem Viewport heraus

-> Bedingter Umbruch

Das weiss:

Martin

Arbeiten mit Komponenten

Arbeitsablauf, Tipps und Tricks zu Komponenten

Das weiss:

Martin

Kelly

Bug Fix: Hochaufgelöste Bilder werden verpixelt dargestellt

  • Bilder brauchen min-width
  • Bilder werden falsch berechnet, wenn sie sich in einem Grid befinden, welches keine px Angaben in der Breite hat

Das weiss:

Martin

Custom Slider (Slick Slider)

Das weiss:

Martin

CMS Filter

Filter-Funktion für CMS Listen (Suchfeld, Radio-Buttons, Checkboxen, Dropdowns, usw.)

Das weiss:

Martin

Kelly

Formular Inputs zwischenspeichern

Automatisch die eingegebenen Formular-Werte im Browser speichern, sodass sie auch nach dem Neustarten des Computers wiederhergestellt werden.

Das weiss:

Martin

Custom Audio Player

Hosting der mp3 Dateien auf Google Drive

Das weiss:

Martin

Sections automatisch ausblenden, wenn CMS Liste leer ist

Beispiel:

Auf Home werden in einer News-Teaser-Section die neusten News-Artikel angezeigt. Wenn es mal keine aktuelle News gibt, dann soll automatisch die gesamte Section – inkl. statischen Elementen – ausgeblendet werden.

Das weiss:

Martin

Google Analytics Kampagnen erstellen

Das weiss:

Martin

Multi Language Websites (mehrsprachige Webseiten)

Das weiss:

Martin

Automatisierungen mit Zapier

Das weiss:

Martin

CMS-Bildergalerie als Masonry-Grid darstellen

Das weiss:

Martin

CMS-Datum automatisch in andere Sprachen übersetzen

Das weiss:

Martin