Hi,
hat von euch schonmal jmd. das tailwindcss Framework eingebunden? Falls ja, wie sehen eure Configs aus?
Laut Docs lässt sich das ja unter Symfony so einrichten: https://tailwindcss.com/docs/guides/symfony
Hi,
hat von euch schonmal jmd. das tailwindcss Framework eingebunden? Falls ja, wie sehen eure Configs aus?
Laut Docs lässt sich das ja unter Symfony so einrichten: https://tailwindcss.com/docs/guides/symfony
Geändert von paddibr (14.09.2022 um 12:49 Uhr)
Wir sind Contao-Sponsor :-)
Richard ist da fit
MetaModels-Workshop: ... wo sich die nächste Gelegenheit bietet... oder Extern oder Online
Erweiterungen: Infos im Seitenbaum, Formular-Default für Select/Checkbox/Radio (SCR), Formular-Newsletteranmeldung, Regex-Formularwidget, Lizenzmanager für Isotope
Unterstützung per Github-Sponsoring: MetaModels Handbuch und Forum, e-spin Erweiterungen
d.h., dass man das unter Contao hinbekommt?
Wir sind Contao-Sponsor :-)
denke schon... Frag ihn https://github.com/richardhj
MetaModels-Workshop: ... wo sich die nächste Gelegenheit bietet... oder Extern oder Online
Erweiterungen: Infos im Seitenbaum, Formular-Default für Select/Checkbox/Radio (SCR), Formular-Newsletteranmeldung, Regex-Formularwidget, Lizenzmanager für Isotope
Unterstützung per Github-Sponsoring: MetaModels Handbuch und Forum, e-spin Erweiterungen
bekomme leider keine Rückmeldung Hat das sonst noch keiner versucht? Tailwind ist doch eigentlich schon recht bekannt.
Wir sind Contao-Sponsor :-)
hat das mittlerweile schon jmd. in Contao genutzt/integriert?
Wir sind Contao-Sponsor :-)
Vielleicht Moritz (@mvo), der ist von Tailwind begeistert. Ich denke aber mit den neuen Twig-Templates und der Funktion (attrs) sollte das leichter zu realisieren sein, als noch in älteren Contao-Versionen.
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.
Wenn Tailwind nicht in der Lage ist,
die dynamisch generierten Templates auf Serverseite zu lesen, um das CSS zu generieren, kann es nicht für den Zweck verwendet werden, für den es eigentlich entwickelt wurde:
https://tailwindcss.com/docs/install...c%20CSS%20file.
Die Tailwind-Generierung funktioniert in Symfony-Applikationen, in denen die Templates inklusive der Klassen bereits eingelesen werden können, also in deiner Entwicklungsumgebung.Tailwind CSS funktioniert, indem es alle HTML-Dateien, JavaScript-Komponenten und andere Vorlagen nach Klassennamen durchsucht, die entsprechenden Styles generiert und sie dann in eine statische CSS-Datei schreibt.
In einem CMS, in dem die Klassen auf Server-Seite ohne Watcher eingefügt werden? Nein.
Du kannst stattdessen eine statische, vorkompilierte Tailwind-CSS einbinden, hast dann jedoch natürlich einen höheren Overhead (einfach einen Blindenstock in die Hand nehmen und PageSpeed Insights ignorieren). Zwischen Version 1 bis 3 waren es 2.2 -2.4 MB unkomprimiert: https://v1.tailwindcss.com/docs/controlling-file-size.
Was ich damit sagen möchte:
(Du brauchst also keine Konfiguration in einem System, in dem es noch nicht funktioniert,) da du dir dieses CSS entweder komplett als eigenständiges Element herunterladen kannst -> https://tailwindcss.com/blog/standalone-cli
oder es über das play-cdn auch generieren lassen kannst (DSGVO? - frage deinen Anwalt) / Danach -> https://tailwindcss.com/docs/installation/play-cdn.
Es sei denn, du möchtest wirklich nur statisches CSS verwenden, dann folge trotzdem den oben genannten Anleitungen.
Disclaimer und andere Frameworks:
Ich verfolge die meisten CSS-Frameworks, und alle haben ihre Vor- und Nachteile.
- Tailwind in JS-Applikationen mit React
- Bootstrap auch möglich
- Materialize, Semantic UI und Foundation -> viel Spaß dabei, alle Vorlagen anzupassen (gilt für jedes Framework)
- Du kannst auch https://vanillaframework.io/ überprüfen, wenn du bereits dabei bist, die Contao-Templates für alles anzupassen. Geschrieben von https://github.com/canonical-web-and-design.
Tailwind CSS mit seinen 2+ Megabyte in der kompletten Variante? Nein. Andere Frameworks? Ja
Ich liebe jedes der genannten Frameworks; es lässt sich leider nicht ganz einfach updatesicher mit wenig Arbeitsaufwand in Contao integrieren (Contao Bootstrap inbegriffen ;D - Das auf Version 5.3 zu aktualisieren, würde wieder mal länger dauern)
Geändert von zoglo (08.11.2023 um 20:42 Uhr)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)