Finde die neue aufmache deiner Videos top!Würde mir noch Wünschen das du mehr auf responsive Design eingehst. Am liebsten von mobile first aus gesehen.
Grid hat die selben Befehle wie Flex und macht Flex damit überholt bzw. überflüssig. Im Grid: - align-content (Grid-/Rasterzelle vertikal ausrichten) - justify-content (Grid-/Rasterzelle horizontal ausrichten) - align-items (Inhalt/Elemente innerhalb der Grid-/Rasterzelle vertikal ausrichten) - justify-items (Inhalt/Elemente innerhalb der Grid-/Rasterzelle horizontal ausrichten) und es gibt noch mehr wie z.B. align-self, ...
Mir gefällt das CSS Grid und Flexbox Video sehr gut, auch wie die Videos neuerdings gemacht sind. Ich finde auch gut bzw. völlig in Ordnung, dass mit SASS gearbeitet wird in den Vidoes (Persönlich mag ich die SASS-Veriante mit den geschweiftern Klammern lieber). Ich wünsche mir bezüglich des Grid-/Flex Video ein weiteres Video, wo auf IE10+11+Edge mit MS Grid Syntax als Fallback eingegangen wird plus Fallback für ältere Browser z.B. IE8. Dieses könnte auch im Rahmen der angekündigten Erstellung einer kompletten Webseite geschehen. In diesem Rahmen könnte auch kurz auf CSS Grid/Flex vs. Bootstrapp 4 eingegangen werden - wann was Sinnvoll. Ich denke, dass würde vielen helfen CSS Grid und Flexbox schon heute einzusetzen. Ich denke, dass man mit sauberen Fallbacks heute schon ganz gut CSS Grid und Flexbox einsetzen kann. Ich denke, dass CSS Grid und Flexbox in der Zukunft zum Standard werden bei der Programmierung von Webseiten, wie auch z.B. bei Web Progressive Apps für Smartphones und Tablets, die eine Erweiterung der Webseite in Form einer App darstellen.
Erstmal: Gute Videos! ...bei etwa 9:20 sagst du, dass man mit margin und padding den logobereich positionieren muss... schau dir mal align-items und justify-self in verbindung mit grid an -> erleichtert das ganze und ist responsive
Ich finde deinen Vlog mega gut. Man merkt das was du machst mit deinem Herzen machst. Doch kurz auch ne Frage, eine offene Frage... Ich teile bei css grid alles prima ein), das Layout, und kann dann den Inhalt ... mit ... start end ... space-between und und..... über, in und mit der Area den Inhalt so einfügen wie man jenen haben mag.... da ist doch grid ... flex sehr ähnlich ... zumindestens bei diesen Befehlen... und im Umfang. Also ich mach das erst ein Jahr ungefähr, nur diese Frage stellte sich grad sehr; wo ist der Vorteil genau bei flex, wenn es um die Füllung und Ausrichtung mit Content oder Image geht, geht das mit grid nicht genauso schnell? Mit wenig Code? Fast wie bei... flex?
kannst du biiitteeeee wieder auf atom wechseln... codepen sieht schrecklich aus und hat kein gutes quelltext highliting! schau mal bitte auf einen wert mit %! das geht garnicht... du kannst ja einfach einen gulp watch task im hintergrund laufen lassen.... Aber codepen ist schrecklich!
Gutes Video. Mich würde noch interessieren, warum du Sass-Syntax anstatt SCSS verwendest? Habe bisher reines CSS verwendet, möchte aber nächstes Projekt mit Sass bzw. SCSS angehen, bin aber noch unentschlossen...
Also verstehe ich dich richtig? Grid für die Grundstruktur der Seite und Flex innerhalb des Grids? Würdest du das auch vorschlagen für Responsive webdesign? In Kombination mit Query?
Wenn man ein Grid erstellt hat und in eine Gridbox die an z.b. Inhalt nennt die einzelnen php seiten hineinläd. So das der Header, der Footer und die Navigation in der Index.php nur einmal geladen werden müssen. Ist es dann möglich in einem der unterseiten (der neu geladenen php seiten) eine einteilung zu treffen die nur für diese datei zählt. bin noch zimmlich am anfang und teste einfach aus was mir so einfällt nur selbst wenn ich ein Grid oder eine Flexbox unter einem anderen class namen erstelle, zerschiest es mir mein hauptgrid ab der stelle wo das zweite kommen würde und setzt alles was dann rechts danben währe darunter ein und der eigentliche Platz wird weiß. Wollte halt erreichen das wenn ich ein öffne die eingabefelder ausgerichtet sind. und die Bezeichnungen sauber über den Textfeldern stehen. ich verlinke hier mal 2 bilder was ich meine hier das wo das Hauptgrid richtig geht aber die einteilung der Inhalt.php unschön ist: s18.directupload.net/images/190719/3wk26eop.png hier wie es aussieht wenn ich versuche ein zweites grid ein zu bauen: s18.directupload.net/images/190719/sg8rvzgw.png wäre super du mir da einen Tipp geben könntest wie ich das am besten umsetzten kann, da nicht alle unterseiten (der Hellbraune bereich) eine extra einteilung brauchen.
Das hast du gut erklärt. Ich würde für header und footer aber noch die dazugehörigen Tags benutzen developer.mozilla.org/de/docs/Web/HTML/Element/header Ob das etwas bringt, weiß ich nicht.
FUC.. Schon wieder was neues was ich nicht kapier. Zuerst hieß es noch dass man nicht unbedingt auf diesen SASS, LESS usw. aufspringen muss da CSS 4 ebenfalls Variablen unterstützen werden soll, aber scheinbar ist das wieder verworfen da viele schon sass´n... OK, dann eben doch auf den Zug aufspringen... Und jetzt Grid und Flex, wobei ich da noch nicht so wirklich den Nutzen sehe und entsprechend fast wie n hype aussieht, aber ich guck mir erst mal noch ein paar Tut´s an bevor ich das für mich abhacke. Naja, mir hatte das alte besser gefallen, aber wenns für dich besser ist, dann mach doch weiterhin CodePen... Könntest du vielleicht mal ein Video zu Atom und Brackets machen - so als direkter Vergleich der aktuellen Versionen (beide mit Emmets usw.)... Ich benutze aktuell Brackets da ich mich mit Atom nicht erneut anfreunden konnte, aber Brackets ist aktuell bei mir dermaßen langsam - vorallem wenn man zwischen Dateien/Codes zapt (da hatte es leider auch nicht geholfen die Erweiterungen zu deaktivieren)... Mich würds einfach interessieren was in deinen Augen besser ist wenn du die aktuellen Versionen vergleichst.
Naja man kann sagen das alles was vor mehr als 12 Monaten gesagt wird fast nicht mehr aktuell ist :P daher kann man niemals aufhören zu lernen. @CodePen wurde von der Community wieder umgestoßen und daher jetzt wieder back to the roots :)
naja Sass/Less ist quasi Standard, also kenne kaum eine Agentur/Firma oder Freelancer der/die nicht damit Arbeiten. Das mit Codepen verstehe ich ;) war ein Vorschlag der Community den ich ausprobieren wollte, hat leider nicht so gut geklappt daher gibt es ja auch keine weiteren Videos auf diesem Channel mit diesem Konzept.
![Welche CSS Einheiten gibt es? Welche sollte man nutzen? [Tutorial]](http://i.ytimg.com/vi/VLihdrfk1OM/mqdefault.jpg)
![เปิดคำทำนาย นอสตราดามุส - บาบา วานก้า ปี 2025 คนทั่วโลกต้องเจออะไรบ้าง? | แฉ 11 ธ.ค. 67 [2/3] |GMM25](http://i.ytimg.com/vi/xmTIKWJUMPM/mqdefault.jpg)
Finde die neue aufmache deiner Videos top!Würde mir noch Wünschen das du mehr auf responsive Design eingehst. Am liebsten von mobile first aus gesehen.
Hammer Video ! Super erklärt, vielen Dank.
Danke freut mich wenn es dir geholfen hat :)
Grid für 2D, Flex für 1D (meine Meinung)
schönes Video, wie immer :D
...hat mir alles sehr gut gefallen!
Danke :)
Super... Endlich wird sass verwendet. Weiter so...
Freut mich wenn es dir gefällt :)
Grid hat die selben Befehle wie Flex und macht Flex damit überholt bzw. überflüssig.
Im Grid:
- align-content (Grid-/Rasterzelle vertikal ausrichten)
- justify-content (Grid-/Rasterzelle horizontal ausrichten)
- align-items (Inhalt/Elemente innerhalb der Grid-/Rasterzelle vertikal ausrichten)
- justify-items (Inhalt/Elemente innerhalb der Grid-/Rasterzelle horizontal ausrichten)
und es gibt noch mehr wie z.B. align-self, ...
Mir gefällt das CSS Grid und Flexbox Video sehr gut, auch wie die Videos neuerdings gemacht sind.
Ich finde auch gut bzw. völlig in Ordnung, dass mit SASS gearbeitet wird in den Vidoes (Persönlich mag ich die SASS-Veriante mit den geschweiftern Klammern lieber).
Ich wünsche mir bezüglich des Grid-/Flex Video ein weiteres Video, wo auf IE10+11+Edge mit MS Grid Syntax als Fallback eingegangen wird plus Fallback für ältere Browser z.B. IE8. Dieses könnte auch im Rahmen der angekündigten Erstellung einer kompletten Webseite geschehen. In diesem Rahmen könnte auch kurz auf CSS Grid/Flex vs. Bootstrapp 4 eingegangen werden - wann was Sinnvoll.
Ich denke, dass würde vielen helfen CSS Grid und Flexbox schon heute einzusetzen.
Ich denke, dass man mit sauberen Fallbacks heute schon ganz gut CSS Grid und Flexbox einsetzen kann.
Ich denke, dass CSS Grid und Flexbox in der Zukunft zum Standard werden bei der Programmierung von Webseiten, wie auch z.B. bei Web Progressive Apps für Smartphones und Tablets, die eine Erweiterung der Webseite in Form einer App darstellen.
Erstmal: Gute Videos!
...bei etwa 9:20 sagst du, dass man mit margin und padding den logobereich positionieren muss... schau dir mal align-items und justify-self in verbindung mit grid an -> erleichtert das ganze und ist responsive
das sieht echt sehr vielversprechend aus, vor allem justify-self. Kannte ich noch garnicht vielen Dank!
Super Video!
Danke :)
Ich finde deinen Vlog mega gut. Man merkt das was du machst mit deinem Herzen machst.
Doch kurz auch ne Frage, eine offene Frage...
Ich teile bei css grid alles prima ein), das Layout, und kann dann den Inhalt ... mit ... start end ... space-between und und..... über, in und mit der Area den Inhalt so einfügen wie man jenen haben mag.... da ist doch grid ... flex sehr ähnlich ... zumindestens bei diesen Befehlen... und im Umfang. Also ich mach das erst ein Jahr ungefähr, nur diese Frage stellte sich grad sehr; wo ist der Vorteil genau bei flex, wenn es um die Füllung und Ausrichtung mit Content oder Image geht, geht das mit grid nicht genauso schnell? Mit wenig Code? Fast wie bei... flex?
kannst du biiitteeeee wieder auf atom wechseln... codepen sieht schrecklich aus und hat kein gutes quelltext highliting! schau mal bitte auf einen wert mit %! das geht garnicht... du kannst ja einfach einen gulp watch task im hintergrund laufen lassen.... Aber codepen ist schrecklich!
Gutes Video. Mich würde noch interessieren, warum du Sass-Syntax anstatt SCSS verwendest? Habe bisher reines CSS verwendet, möchte aber nächstes Projekt mit Sass bzw. SCSS angehen, bin aber noch unentschlossen...
Also verstehe ich dich richtig?
Grid für die Grundstruktur der Seite und Flex innerhalb des Grids?
Würdest du das auch vorschlagen für Responsive webdesign? In Kombination mit Query?
Ja, man kann das so machen :) nutze ich regelmäßig aber ist kein Allheilmittel, also du kannst auch anders vorgehen :)
Wenn man ein Grid erstellt hat und in eine Gridbox die an z.b. Inhalt nennt die einzelnen php seiten hineinläd. So das der Header, der Footer und die Navigation in der Index.php nur einmal geladen werden müssen. Ist es dann möglich in einem der unterseiten (der neu geladenen php seiten) eine einteilung zu treffen die nur für diese datei zählt. bin noch zimmlich am anfang und teste einfach aus was mir so einfällt nur selbst wenn ich ein Grid oder eine Flexbox unter einem anderen class namen erstelle, zerschiest es mir mein hauptgrid ab der stelle wo das zweite kommen würde und setzt alles was dann rechts danben währe darunter ein und der eigentliche Platz wird weiß.
Wollte halt erreichen das wenn ich ein öffne die eingabefelder ausgerichtet sind. und die Bezeichnungen sauber über den Textfeldern stehen.
ich verlinke hier mal 2 bilder was ich meine
hier das wo das Hauptgrid richtig geht aber die einteilung der Inhalt.php unschön ist:
s18.directupload.net/images/190719/3wk26eop.png
hier wie es aussieht wenn ich versuche ein zweites grid ein zu bauen:
s18.directupload.net/images/190719/sg8rvzgw.png
wäre super du mir da einen Tipp geben könntest wie ich das am besten umsetzten kann, da nicht alle unterseiten (der Hellbraune bereich) eine extra einteilung brauchen.
Sowas am besten direkt in Discord schreibend akann man das besser erklären als hier.
Das hast du gut erklärt. Ich würde für header und footer aber noch die dazugehörigen Tags benutzen developer.mozilla.org/de/docs/Web/HTML/Element/header Ob das etwas bringt, weiß ich nicht.
erst lehrgang sass noetig ? schreb das in beschreibung danke
Sage ich in jedem Video zu Beginn das wenn jemand wissen will wie das alles funktioniert das verlinkte Video schauen soll :)
FUC.. Schon wieder was neues was ich nicht kapier. Zuerst hieß es noch dass man nicht unbedingt auf diesen SASS, LESS usw. aufspringen muss da CSS 4 ebenfalls Variablen unterstützen werden soll, aber scheinbar ist das wieder verworfen da viele schon sass´n... OK, dann eben doch auf den Zug aufspringen... Und jetzt Grid und Flex, wobei ich da noch nicht so wirklich den Nutzen sehe und entsprechend fast wie n hype aussieht, aber ich guck mir erst mal noch ein paar Tut´s an bevor ich das für mich abhacke.
Naja, mir hatte das alte besser gefallen, aber wenns für dich besser ist, dann mach doch weiterhin CodePen...
Könntest du vielleicht mal ein Video zu Atom und Brackets machen - so als direkter Vergleich der aktuellen Versionen (beide mit Emmets usw.)... Ich benutze aktuell Brackets da ich mich mit Atom nicht erneut anfreunden konnte, aber Brackets ist aktuell bei mir dermaßen langsam - vorallem wenn man zwischen Dateien/Codes zapt (da hatte es leider auch nicht geholfen die Erweiterungen zu deaktivieren)... Mich würds einfach interessieren was in deinen Augen besser ist wenn du die aktuellen Versionen vergleichst.
Naja man kann sagen das alles was vor mehr als 12 Monaten gesagt wird fast nicht mehr aktuell ist :P daher kann man niemals aufhören zu lernen.
@CodePen wurde von der Community wieder umgestoßen und daher jetzt wieder back to the roots :)
Echt doof das du mit Sass arbeitest, ich mein der Standard ist noch "normaler" CSS... und dann noch Codepen ... leider schlechtes Video.
naja Sass/Less ist quasi Standard, also kenne kaum eine Agentur/Firma oder Freelancer der/die nicht damit Arbeiten. Das mit Codepen verstehe ich ;) war ein Vorschlag der Community den ich ausprobieren wollte, hat leider nicht so gut geklappt daher gibt es ja auch keine weiteren Videos auf diesem Channel mit diesem Konzept.