Ergebnis 1 bis 8 von 8

Thema: Contao 4 und Prefix-Free für CSS

  1. #1
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard Contao 4 und Prefix-Free für CSS

    Hi Leute,

    Um älter Browser mit CSS ansprechen zu können, sollte man ja Prefixe verwenden.

    Es gibt ein Tool, daß sich wohl per JS einbinden lässt, sodaß man im CSS keine Prefixe mehr schreiben braucht.
    https://leaverou.github.io/prefixfree/

    Wie händelt Ihr das mit den Prefixen? Gibt es da von Contao schon etwas, das man verwenden kann?
    Oder macht es Sinn, diese JS-Datei einzubinden? Wenn ja, wie muß man das machen?
    Oder ist es besser, alles per Hand im CSS-Code einzugeben? (Schnelligkeit beim Laden der Seite)

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.063
    Partner-ID
    10107

    Standard

    Zitat Zitat von Schnippel Beitrag anzeigen
    Wie händelt Ihr das mit den Prefixen?
    Mit Gulp und dem autoprefixer.

  3. #3
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Mit Gulp und dem autoprefixer.
    dito

    Früher Nutzung der Funktionalität von Compass bzw. Bourbon
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  4. #4
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.026

    Standard

    Okay,

    gibt es dazu eine Erweiterung, die man über den Contao-Manager installieren kann?

    Wenn nicht, wie muß man das in Contao 4.7 einbinden?
    Muß man beim Anlegen von CSS / SASS-Dateien bzw. CSS-Schreiben was beachten?

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    34.063
    Partner-ID
    10107

    Standard

    Gulp ist ein Tool, mit dem du Tasks ausführen kannst - wie zB das Prozessieren von JavaScript, CSS, SCSS, LESS, etc. Das hat nichts mit Contao oder PHP zu tun.

  6. #6
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Alternativ wäre es auch über ein Postcss Plugin möglich.
    Oder diese einmalig via sass/scss erstellen und anwenden - siehe z.B.:

    https://css-tricks.com/snippets/sass...ix-properties/
    https://github.com/pandao/prefixes.scss
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  7. #7
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    Ahoi,
    wenn Dir eine graphische Oberfläche sympathischer ist, kannst Du mal Prepros anschauen.
    Grüße, Stefko

  8. #8
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.742
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Wie schon von @Spooky angmerkt hat dieser Workflow nichts mit Contao zu tun. Ich mache die gesamte Layout-/Themeentwiclung lokal. Auf den Server kommt bei mir nur eine resultierende css-Datei.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •