Suchen:

Da war doch was :-)
Wegen "HTML5-Validierung". Hab ich aber in ner aktuellen Version nicht getestet:

https://community.contao.org/de/showthread.php?55784-Gel%C3%B6st-HTML5-Validierung-PLZ
...

Hab das mal in der Online-Demo probiert.
"Funktioniert" nur wirklich wenn ich die "HTML5-Validierung deaktivieren" aktiviere.

Weiterhin muß man dennoch die "Maximale Eingabelänge" setzen.
Was...

Unabhängig von deinem Font/Lizenz findest du eine kleine Einführung dazu in der Doku:
https://docs.contao.org/manual/de/guides/webfont/

Wenn du dann dazu hier weiter berichten könntest?

Hi, ich hab an den Hyper-V Settings nichts geändert. Das Image liegt auf ner SSD Platte.
Innerhalb des Docker Dashboards hab ich dann weitere Konfiguration/Optimierung Möglichkeiten siehe: 25547
...

Ich hab Docker für Windows über Hyper-V laufen (mit der devilbox).
Via wsl2 wars bei mir auch zäh (Frag mich aber nicht warum).

FYI: https://css-tricks.com/almanac/selectors/m/marker/

Evtl. auch nützlich: CSS text-indent
https://css-tricks.com/almanac/properties/t/text-indent/

Hinsichtlich der weiteren Nutzung der existierenden css styles (ohne den internen Editor): JA
Zur weiteren Vorgehensweise stehen dir dann alle Möglichkeiten/Tools zur Verfügung die du favorisierst....

Zum finden/testen passender Farb-Kombinationen (inkl. Monochrom, Komplementär, Variationen etc.)
existieren zahlreiche Tools wie z.B. »Adobe Color Webapp«.

Ein weiteres Hilfsmittel mit weiteren...

Wer schnell ein statisches "Hamburger" Symbol benötigt (kein CSS/svg, o. animation):
https://graphemica.com/%E2%98%B0

Eventuell hilft zwecks Einstieg der Beitrag:
https://docs.contao.org/manual/de/anleitungen/formulardaten-speichern/

Wer einen »Duotone Effekt« (Photoshop like) für seine Images benötigt, nutzt sicher die CSS Eigenschaft: mix-blend-mode.
Dies evtl. in Kombi mit den Pseudo-Elementen (::after / ::before) und...

In »Masonry-Layout mit CSS "column-width"« wird eine einfache Alternative zwecks Masonry Layouts, unabhängig von weiteren script Lösungen, beschrieben.

Das "Problem" dieser "Fake Masonry" ist die...

Wir nutzen aktuell .svg, zumeist für verlustfreie Logo's o. Illustrationen, entweder innerhalb <img> oder inline zwecks weiterer Möglichkeiten.
SVG bietet uns aber darüber hinaus mehr Möglichkeiten...

Hat jemand schon Erfahrungen mit
richardhj/contao-theme-framework (siehe auch: Concept paper: Frontend themes #2781) und würde dies hier teilen?

Für alle, die evtl. die gestrige Live-Session verpasst haben.

Alle Möglichkeiten zur Contao Unterstützung sind nun übersichtlich aufgeführt und verlinkt:
https://to.contao.org/donate
...

Nicht zu vergessen:
Die Release Session am kommenden Dienstag

FYI:
Für alle die evtl. nicht auf Slack unterwegs sind:

Christian Mette war so fleißig und hat sich mit Hilfe von andyschempp und fritzmg durch die neuen Funktionen und Verbesserungen der Contao...

Na dies hat er doch beschrieben:


s.a.: https://docs.contao.org/manual/de/layout/templates/php/

Gemeint sind folgende Möglichkeiten in den Einstellungen:
https://docs.contao.org/manual/de/system/einstellungen/#sicherheitseinstellungen

OK - Unter bestimmten Voraussetzungen :o
https://caniuse.com/webp
https://www.macrumors.com/2020/06/22/webp-safari-14/

Contao kann autom. (über die Bildgrößen Einstellungen deines Themes) z.B. png/jpg/gif nach webp konvertieren,
sofern dies über die Grafikbibliothek der Server/PHP Konfiguration möglich ist - s.a.:
...

Habe es gerade lokal in der 4.13 RC getestet.

In Photoshop CC (über das Plugin WebPShop 0.4.1) eine .webp exportiert
und im BE über den Dateimanager hochgeladen und eingebunden.

Das Image wird...

FYI:
Anwender können in einigen OS oder im Browser (z.B. in Chrome ab 74) eine "prefers-reduced-motion" Präferenz aktivieren.

Chris Coyier beschreibt hier Vor- und Nachteile bzw. wie man über...

Infos zur Vorgehensweise hierzu findest du auch im Handbuch

s.a.:
https://docs.contao.org/manual/de/administrationsbereich/aufruf-und-aufbau-des-backends/#der-vorschaubereich
und
https://docs.contao.org/manual/de/system/preview-link/

Also zum Teilen...

Auch hier führen viele Wege nach Rom :D
Zwecks »inhaltlichen« Vorlagen kann man das ja so machen (mal unabhängig von möglichen, versch. Contao Versionen).

Andererseits sind ja z.B....

https://docs.contao.org/manual/de/guides/webfont/#lokale-einbindung

s.a.: https://docs.contao.org/manual/de/system/einstellungen/#sicherheitseinstellungen

Danke für die Liste - Von einigen hab ich noch nie gehört :o
Aber wie zonky sagte: Da gibt es kein richtig oder falsch ...

Erwähnenswert wäre evtl. in diesem Zusammenhang das Projekt "Nutshell...

Bin gerade über diesen Beitrag gestoßen.
Evtl. wäre ein entsprechender »Check« auf nicht benutzte assets hier auch nützlich (für nicht manuell eingebundene daten)?

Hallo,
deine eigene .css Datei kannst du manuell in einem öffentlich markierten Ordner der Dateiverwaltung anlegen.
Diese kann dann im Seitenlayout deines Themes referenziert werden ...

Nachtrag: Ein guter Zeitpunkt um nochmals auf die zahlreichen, einfachen Donation/Sponsoring Möglichkeiten hinzuweisen:


Contao Informationen (s. News Beitrag)
Direktes GitHub Sponsoring

Für alle die evtl. nicht in Slack unterwegs sind,
aber interessiert diese News »Composer und Contao für den Rest der Welt« gelesen haben:

Yanick (Mitglied des Core-Entwicklung Teams) hat zum...

Ist zwar nicht speziell hierzu, aber möglicherweise für ähnliche Anforderungen ...

Daher FYI.
Die Eigenschaft »mix-blend-mode« ist nicht nur in Zusammenhang mit Farben (ala »Background Shift...

Animationen beleben deine Inhalte und begegnen dir in den unterschiedlichsten Bereichen. Sparsam eingesetzt kannst du in jedem Fall die gewünschte Aufmerksamkeit erzielen.
Die folgenden Infos/Links...

Sofern gelöst wäre evtl. ein Doku Eintrag in https://docs.contao.org/manual/de/anleitungen/dca/ für alle hilfreich ...

Und wie würde man sowas dann in zukünftigen Twig Templates nutzen können?

Evtl. wäre zukünftig eine Liste entsprechender Alternativen zwecks Nutzung in Templates hierzu hilfreich ...
See Issue: https://github.com/contao/docs/issues/931

s.a.: https://docs.contao.org/manual/de/guides/webfont/

Tutorials zur Definition und Nutzung verschiedener CSS units zwecks responsive Fonts (Sizes) findet man leicht.

Die App "Fluid Typography Editor" nimmt das Rätselraten bei der Größenanpassung und...

Was es nicht alles gibt:
Adobe XD Extension for Visual Studio Code
Hilfreich wenn das als Workflow (aus XD Mockups) benötigt wird.

siehe auch: The Adobe XD Visual Studio Code Plugin (Crash...

Ach ja - Danke

In

<div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>
ist mir der Bezug von $this->class / $this->cssID über das...

Sagt mal worauf bezieht sich denn


<?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>

im Template block_searchable.html5

Unabhängig von Präprozessoren wie SASS/LESS oder der Nutzung über CSS Custom-Properties
bietet die HSL Umsetzung zur Farbverwaltung einige Vorteile.

Möchte man ein "Dark Mode" Theme anbieten...

Frag ich mich auch.
Unabhängig davon wäre eine Partials Nutzung via CSS-Präprozessoren (SASS/LESS) auch hilfreicher:
https://docs.contao.org/manual/de/anleitungen/sass-less-integration/

s.a.:
https://docs.contao.org/manual/de/installation/contao-installieren/#hosting-konfiguration

Du must deine Domain in den Hoster Einstellungen auf dein "web" Verzeichnis zeigen lassen.

Kommt halt drauf an ob die Pflege über Redakteure etc.. erforderlich/übersichtlich gestaltet werden soll :D
Grundsätzlich sicherlich auch via RSCE machbar, da fürs Frontend ja zumeist "nur" .js und...

Evtl. etwas spät.
Aber du könntest sowas auch unabhängig von einer Erweiterung o. Bootstrap realisieren.
Die Suchmaschiene hilft.
Beispielsweise als jQuery Plugin oder via Vanilla Scripts ala:
...

Eventuell könntest du auch auf Image Sequenzen zurück greifen.

Wird immer noch gern z.B. auf Produkt Landingpages von Games eingesetzt,
da man hierbei vieles via Script steuern kann (Frame...

Wenn du eh die Animation in PS erstellst ist es hinsichtlich alpha channel und export fürs gif ja kein Ding
(Allerdings über den "Media Encoder" subjektiv schneller - zumindest mit nvidia cards).
...

Wenn du Adobe CC hast, kannst du (auch animierte) gifs grundsätzlich über den "Media Encoder" exportieren.
Leider dann aber keine (animierten) gifs mit alpha - Warum auch immer ;-( ...
Das dann nur...

Mich würde in diesem Zusammenhang auch interessieren wie man über eine Galerie die einzelnen video/youtube "anteasern" könnte.
Also über einen Hover Event eine "Preview" (muted) des Videos...

FYI
Wer seine CodePen's (nicht nur s.a. Tutorial) variabel über Eingaben ermöglichen will
kann dazu u.a. die Library Tweakpane nutzen.

Über CDN eingebunden sieht das dann in CodePen z. B. so...

FYI
CSS :is() Pseudo Class Vorteile:


https://www.youtube.com/watch?v=McC4QkCvbaY
https://developer.mozilla.org/en-US/docs/Web/CSS/:is
https://css-tricks.com/almanac/selectors/i/is/

Einfaches Styling von Listen (Element <li>) mit "::marker":

https://css-tricks.com/almanac/selectors/m/marker/
https://developer.mozilla.org/en-US/docs/Web/CSS/::marker

Eine weitere Optimierung bez. CSS Animationen
ist die Nutzung der schnelleren GPU Rechenkapazität (Hardware Acceleration) oder der Einsatz des "will-change" properties:

Schöne Beiträge hierzu:
...

FYI:
Möchte nur kurz hierzu noch LottieFiles zwecks Alternative erwähnen.

Letztlich handelt es sich um Vektor basierende Animationen die dann final in einer .json Datei abgebildet werden. ...