CSS3 Grid/Flex Layout richtig nutzen! [TUTORIAL] 

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.

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

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!

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.

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?

Grid für 2D, Flex für 1D (meine Meinung) schönes Video, wie immer :D

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.

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?

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...

...hat mir alles sehr gut gefallen!

Super... Endlich wird sass verwendet. Weiter so...

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.

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.

erst lehrgang sass noetig ? schreb das in beschreibung danke

Hammer Video ! Super erklärt, vielen Dank.

Super Video!

Echt doof das du mit Sass arbeitest, ich mein der Standard ist noch "normaler" CSS... und dann noch Codepen ... leider schlechtes Video.