Geiles Video wieder! Erstaunt mich immer wieder, dass du hier noch nicht durch die Decke gehst. Du machst das schon Jahre und die Qualität und Inhalt waren von Anfang an top. Seitdem ist es nur noch qualitativ hochwertiger geworden und die Videos so gut organisiert! Ich freu mich immer wenn du was uploadest da ist die Frage der Qualität und Hilfreichheit vorweg geklärt, danke dafür und weiter so!
Danke freut mich wenn dir die Videos gefallen :) ist halt eine extreme kleine Gruppe selbst innerhalb der schon kleinen Gruppe der IT Fans hier auf RUclips :D hätte nie gedacht das es überhaupt 30k gibt in DE
Hammer Video. 👍 Wusste garnicht das man Variabeln auch auf dem Body vergeben kann. Habe sonnst immer :root benutzt. 😅 Zudem super Tipp mit dem CSS Variabeln in SASS Variabeln speichern. Habs vorher immer umgekehrt gemacht, weil manchmal man einfach mit var nicht arbeiten kann. z.B hier: background: rgba(var(--color), 0.5) geht nämlich so nicht wenn die Farben als Hexwert angegeben werden, aber mit Sass schon: background: rgba($color, 0.5) Hier noch kleiner Tipp falls jemand dies mit Root in SASS statt SCSS machen will. Hier dann vor dem Root ein \ schreiben: \:root --clr-prime: #000 Musste dies über den harten Weg lernen. Hoffe dies hilft jemanden. :)
Spricht was dagegen den Body statt data-attr. per Javascript Klassen zu geben ? Ich sehe generell sehr oft, das Menschen ihren querySelector mit data Tags ausstatten und auch über diese Stylen :D was hat es damit auf sich ?
Meines Wissens nach gibt es keinen Unterschied. Es ist mehr eine Konvention. Wenn du ein data-attribut siehst weißt du, dass es meistens eine JS Logik mit sich zieht und irgendwie manipuliert wird und nicht einfach nur Standard CSS ist. Es verdeutlicht also, dass es sich um einen State handelt.
ja, kann mich Luka nur anschließen geht beides, jedoch ist css meistens Styling und sowas lege ich dann immer auf data attributes aber wie gesagt würde beides problemlos gehen gibt jetzt kein richtig/falsch denke ich
Jetzt stell ich mir nur noch die Frage, wenn ich das ganze für eine Seite mit mehreren Unterseiten erstelle, was ich tun muss, dass sich der Browser das merkt. Den wenn der User auf z.b. Neon wechselt und dann auf einen Link zu einer Unterseite klickt, wird ja wieder default geladen.
nein Vite ist viel einfacher, ich habe dazu ein Video also wie das Setup aufgebaut ist und es funktioniert bei jedem in wenigen Minuten kann ich nur empfehlen umzusteigen :)
![Wichtige HTML Tags die kaum jemand kennt! [DE/Tutorial]](http://i.ytimg.com/vi/CE3R4ubnejE/mqdefault.jpg)
![Wichtige HTML Tags die kaum jemand kennt! [DE/Tutorial]](/img/tr.png)
![Fancy Menü einfach mit CSS und JavaScript bauen. [DE/Tutorial]](/img/1.gif)
Wer sich wundert, leider hat RUclips in der ersten Version des Uploads einfach ab Minute 7 keinen Ton mehr abgespielt daher Reupload dieses Videsos :)
Geiles Video wieder!
Erstaunt mich immer wieder, dass du hier noch nicht durch die Decke gehst.
Du machst das schon Jahre und die Qualität und Inhalt waren von Anfang an top.
Seitdem ist es nur noch qualitativ hochwertiger geworden und die Videos so gut organisiert!
Ich freu mich immer wenn du was uploadest da ist die Frage der Qualität und Hilfreichheit vorweg geklärt, danke dafür und weiter so!
Danke freut mich wenn dir die Videos gefallen :) ist halt eine extreme kleine Gruppe selbst innerhalb der schon kleinen Gruppe der IT Fans hier auf RUclips :D hätte nie gedacht das es überhaupt 30k gibt in DE
Danke für das kurze informative Tutorial. 🙏 Das mit der Darkmodeabfrage habe ich gerade gesucht 😄 👍
Danke freut mich wenn es dir gefällt :)
Danke, genau sowas habe ich gebraucht/gesucht/gewollt!
Danke freut mich wenn es dir weiter helfen kann :)
Hammer Video. 👍
Wusste garnicht das man Variabeln auch auf dem Body vergeben kann. Habe sonnst immer :root benutzt. 😅
Zudem super Tipp mit dem CSS Variabeln in SASS Variabeln speichern.
Habs vorher immer umgekehrt gemacht, weil manchmal man einfach mit var nicht arbeiten kann.
z.B hier:
background: rgba(var(--color), 0.5)
geht nämlich so nicht wenn die Farben als Hexwert angegeben werden, aber mit Sass schon:
background: rgba($color, 0.5)
Hier noch kleiner Tipp falls jemand dies mit Root in SASS statt SCSS machen will.
Hier dann vor dem Root ein \ schreiben:
\:root
--clr-prime: #000
Musste dies über den harten Weg lernen. Hoffe dies hilft jemanden. :)
guter Tipp danke!
Heißt das nicht evtl. dass CSS Variablen einen namespace haben aufgrund der Einrückungsebene auf der man sie anlegt?
Spricht was dagegen den Body statt data-attr. per Javascript Klassen zu geben ? Ich sehe generell sehr oft, das Menschen ihren querySelector mit data Tags ausstatten und auch über diese Stylen :D was hat es damit auf sich ?
Meines Wissens nach gibt es keinen Unterschied. Es ist mehr eine Konvention. Wenn du ein data-attribut siehst weißt du, dass es meistens eine JS Logik mit sich zieht und irgendwie manipuliert wird und nicht einfach nur Standard CSS ist. Es verdeutlicht also, dass es sich um einen State handelt.
ja, kann mich Luka nur anschließen geht beides, jedoch ist css meistens Styling und sowas lege ich dann immer auf data attributes aber wie gesagt würde beides problemlos gehen gibt jetzt kein richtig/falsch denke ich
Eine Alternative um die Stylings in einzelnen css files zu speichern wäre es die stylesheets per js auszutasuschen oder?
habe ich so noch nie gemacht, würde ich auch nicht raten ehrlich gesagt
Jetzt stell ich mir nur noch die Frage, wenn ich das ganze für eine Seite mit mehreren Unterseiten erstelle, was ich tun muss, dass sich der Browser das merkt. Den wenn der User auf z.b. Neon wechselt und dann auf einen Link zu einer Unterseite klickt, wird ja wieder default geladen.
Entweder einfach über einen Frontend Seitigen Cookie oder im Local Storage speichern :)
CSS 3 ist super. Da braucht man nicht mal einen Preprozessor für Variablen :)
Absolut :)
Wie funktioniert es das du in der main.js die style.scss lädst?
Vite ermöglicht das importieren von CSS/SCSS von Javascript/TypeScript-Dateien aus
@@RamazanGevrek ah cool, danke für die Info. ist das ein Tool wie Gulp oder Parcel oder eher komplex wie Webpack?
nein Vite ist viel einfacher, ich habe dazu ein Video also wie das Setup aufgebaut ist und es funktioniert bei jedem in wenigen Minuten kann ich nur empfehlen umzusteigen :)