Danke! Danke! Danke! Ich habe CSS immer gehasst, weil ich es nie auf die Kette bekommen habe, ein ordentliches Layout ohne extrem viel Gewurschtel und Selbsthass zu designen. Am Anfang meiner "CSS-Karriere" habe ich, insbesondere die Header, immer mit Float gelayouted. Das war Hass pur! Dann kam ich auf Flexbox und es war eine solche Erleichterung, aber es gab trotzdem immer noch die ein oder anderen Probleme. Jetzt habe ich gestern Dein Video gesehen, kannte das System nur vom Namen her, habe mich aber nie damit wirklich beschäftigt. Heute morgen bin ich aufgewacht, hatte noch viel Zeit bis zur Arbeit und hatte so einen Motivationsschub (ADHS und Dopamin sei Dank :D) und habe im Hyperfokus eine gesamte Website für eine Selbsthilfegruppe, die ich gegründet habe, designed und es ging mir noch nie so flüssig aus der Hand wie mit der Benutzung des Grid-Systems. Am Ende habe ich es mit Flexbox kombiniert, ich hoffe, dass das clean ist :D Aber ich denke schon. Und es funktioniert so gut, wie noch nie. Danke also nochmal für das Video, ich habe jetzt nach dieser Erfahrung endlich nicht mehr das Gefühl, völlig beknackt in der Webentwicklung zu sein, weil ich solche Probleme mit Layouts hatte. :D
Man lernt nie aus und wenn man jetzt etwas mehr verstanden hat wird es vieles in Zukunft einfacher machen. Kann nur empfehlen bei CSS "Problemen" erstmal die Basics zu lernen und das Konzept zu verstehen das macht sooo viel klarer und ist häufig das "größte" Problem :)
Schön erklärt! CSS Grid ist ein super System was sich einfach durchsetzen muss. Man spart sich soviel Zeit und Arbeit und ist mit dem Layout ansich soviel flexibler. ~Abo ist raus :D
Ein kleiner Tipp für alle die sich dieses wirklih gelungene Vide jetzt anschauen: 1. anstatt Pixel bei "grid-template-column" sollte man fr verwenden. fr teilen das Layout einfach sehr effizient ein Bsp.: grid-template-column: 1fr 4fr 1fr; würde die Maximale Grid-Breite durch 6 teilen und dann den Platzt wie oben angegeben verteilen. 2. Ein kleiner Atom editor Lifehack. Man kann sich das ständige aktualisieren des Browser sparen indem man in den Atom packages browser geht und dort den "atom-live-server" herunterläd. dadurch wird das Projekt bei jedem speichern aktualisiert im Webview angeigt. (Fragen zur Bedienung? -> TH-cam Tutorials suchen)
Cool, dass du darüber ein Video gemacht hast! Über das Grid System wird ja schon sehr viel geredet, weil es auch so einfach umsetzbar ist. Wird ja von den meisten Browsern unterstützt, sowohl von Mobilen als auch Desktops. Cooles Video! Super informativer Channel :)
Den Fehler in den columns (Minute ~7) machst du mit der Angabe von vh. Die viewport height ist ja größer als die width, daher hätte vw wahrscheinlich eher funktioniert. Den margin kannst du dir eig sparen wenn du box-sizing auf border-box stellst. So hat man insgesamt die beste kontrolle über die Elemente in grid
Hallo Johannes, schau Dir doch mal - falls Du es nicht bereits kennst - das Packages "browser-plus" für Atom an. Dort kannst du die Browser-Ansicht bequem in einem weiteren Fenster in Atom öffnen. Zusätzlich mit einem Live-Modus und sogar einem Inspektor. Viele Grüße und danke fürs Video Michael
ich mache neben meinem Vollzeitjob grade eine Weiterbildung im Webdesign. Bin noch ganz am Anfang. Erste Einsende aufgabe geht über Homepageanalyse. Spalten, Schichten und tralala. bin ich gar nicht drauf klar gekommen. aber dein Video hat mir geholfen. danke ! Werde öfter vorbeischauen =)
Hey, bin grad durch Zufall auf deinen Channel gestoßen :D Studiere Webdesign & Development, schade das ich dich nicht früher gefunden hab, habe erst heute Mittag eine Arbeit zu responsive design abgeben müssen :D Finde es aber super erklärt und schau auch mal bei deinen anderen Videos rein, mal sehen was mir da noch so weiter hilft! :) Freu mich über mehr hilfreiche Videos :)
Hey, danke für das nette Feedback freut mich wenn dir die Videos gefallen. Wo studierst du denn Webdesign & Development wenn ich fragen darf, gibt es das jetzt als reines Studium?
Hallo, ich habe das css grid mit dem responsive css menü aus deinem Video kombiniert, jedoch wird das menü riesig dargestellt und die Grid Einteilung geht verloren sobald ich das Menü verwende, wie könnte ich das zusammenhängend nutzen, ich würde mich auf dein Antwort freund. Mit freundlichen Grüßen Manuel
Wie kann ich in der Matrix ein Platzhalter für die Größe lassen? Z.B. Zeile 1 100px, Zeile 2 50px, Zeile 3 den Rest, Zeile 4 100px Also dass Zeile 3 sich so vergrößert, dass der Bildschirm ausgefüllt ist.
Was ist denn, wenn die Sidebar in der mobilen Ansicht komplett verschwindet und als Menüpunkt im header auftaucht, sodass man sie auf und zumachen kann. Würde das gehen?
Hallo, ich hätte gerne, dass mein Footer immer ganz unten ist, unabhängig davon ob sich in den Content Grids darüber viel oder kein bzw. wenig Inhalt befindet. Mit der Angabe "height: 100%" im Body simmt es, wenn Seiten keinen bzw. nur wenig Inhalt haben. Bei viel Inhalt (mit Scrollbalken) läuft der Inhalt dann aber unter dem Footer weiter. Ohne "height" Angabe im Body klebt der Footer bei wenig Inhalt sehr weit oben auf der Seite, dafür stimmt die Darstellung bei viel Inhalt (mit Scroolbalken). Wie lässt sich denn das mit Grids ändern bzw. korrekt darstellen? Danke!
Wo ist denn Reihe oder Spalte 5 in einer 4x4 Matrix? Wenn du das nächste mal in Atom mehrmals das gleiche Wort ändern willst, drück doch einfach ein paar mal strg+d oder cmd+d ;) mit der grund wieso ich einfach nicht von Atom oder Sublime of irgendwelche IDEs wechseln kann
Tolles Video ! Ich habe eine Frage: Wie kriegt man seinen Editor denn so angepasst, dass man die Webseite nicht refreshen muss , nach einer Änderung? LG aus Darmstadt
Also ich frage mich, was denn nun der "Königsweg" des CSS-Layoutings ist. Flexbox mit BS4 oder Grid? Ich persönlich würde am liebsten Grid mit Grid arbeiten..
Gutes Tutorial. Allerdings hatte ich als Neuling das Problem, dass ich nicht verstanden habe, warum bei 3 Columns die Box bei Column 4 endet. Bei Mozilla-Developer hab ich es dann nachgelesen. Mit Grid-Column-Start/End sind eigentlich keine Spalten (Columns) gemeint, sondern die vertikalen Begrenzungslinien der Spalten. Als CleanCoder hätte ich vermutlich eher sowas wie Grid-Column-Boundary-Start/End gewählt. BTW: Man kann das Ganze auch abkürzen: z.B. mit Grid-Column: 1/4, dann spart man sich eine Zeile und das -Start/-End.
Hey, sehr cooles Video! Das muss ich auf jeden Fall mal testen!:) Übrigens: Ich denke, dein Beispiel mit den den vh Angaben bei grid-template-columns hat nicht funktioniert, da hier vw rein muss, oder? Columns sind ja Spalten und werden in der Weite definiert, oder liege ich da falsch?:)
Super erklärt! Habe gelesen dass CSS Grid von IE nicht supported wird. Auch dass es nicht für alle Grid Tags einen Präfix für IE gäbe. Aber es gibt ja noch leider viele User die IE nutzen. Sollte man dann doch darauf verzichten oder gibts einen workaround?
Ist eine echt coole Technik, aber was hält denn der gute alte SEO von CSS positioniertem Content? Zudem kann man ja auch jetzt schon mit Flex order Content verschieben.
Google interessiert sich glaub ich nicht für das CSS. Wenn Du aber z.B. die H1 im HTML ganz oben platzierst und sie mit Grid an eine andere Stelle packst ist doch alles bestens. D.h. Du kannst mit Grid eine Super SEO-freundliche HTML Struktur basteln, die Du sogar für Mobile anpassen kannst. Grid ist echt überfällig. Habe damit auch schon ein komplettes responsives Seitenlayout erstellt. Einfach super! Nächster Punkt ist, dass Du damit keine statischen Wire Frames mehr brauchst. Wenn du ein Layout hast, kannst Du ruckzuck für andere Projekte umbauen.
Tolles Video :) Wollte nur fragen, welches Atom package dir die CSS-Eigenschaften immer live vorschlägt, hab schonmal gegoogelt, aber hat irgendwie nie geklappt.
Hallo, mal blöd gefragt: gibt es auch noch ein tutorial wie man die Flexboxen in die Gridboxen bekommt? Ich bekomme das absolut nicht hin. Ansonsten gut gemachtes Tutorial. ich bin jetzt schon eine Ecke weiter. Danke
hmm wenn ich die erste methode wähle wo man die 4 variablen angibt funktioniert es bei mir, schreibe ich es allerdings mit der zweiten methode dann wird nichts mehr angezeigt D; hab nur die namen verändert sonst habe ich eigentlich alles gleich
:D ja sowas passiert leider ab und an wenn mein Script nicht ausführlich genug geschrieben ist von mir und ich bei der Aufnahme "Improviserien" muss xD aber freut mich wenn dir das Video trotzdem geholfen hat
@@UnleashedDesign Du, ich kenne das, manchmal sieht man dann den Wald vor lauter Bäumen nicht. Fand es nur lustig, wie Du es einfach gekonnt ignoriert hast, statt die Ursache zu finden. Ich bin da ja eher so, dass ich mir den Wolf suche, warum das jetzt nicht geht - bis ich dann den winzigen Fehler finde, wie hier nun vh/vw vertauscht ;-) Nee, alles gut! Ich hab dir auf jeden Fall ein Abo dagelassen und werde öfters reinschauen, mach weiter so! :-) Schönen Feiertag!
Hallo! ich stehe vor ein Problem wo ich nicht weiterkommen: So weit so gut ich habe das Grid-System verstanden und an einer Webseite einbinden können. Nur hat es Probleme mit Internet-Explorer gegeben. ich habe versucht mit den Präfixes zu setzten doch Funktioniert es nicht... wäre kann mich da weiterhelfen? die Webseite lautet: www.gesundheitsnetz-bl.ch Besten Dank
hey Unleashed Design, ich wollte anfangen zu programmieren, habe mir jetzt Atom heruntergeladen und hab keine Ahnung was ich jetzt tun soll xD kannst du mir irgendwie weiterhelfen? xd
Ist vlt. etwas spät jetzt und wahrscheinlich hast du auch schon lange angefangen, allerdings kann ich dir die App SoloLearn empfehlen. Ist auf Englisch aber damit musst du klar kommen wenn du Programmieren lernen willst. Es gibt viele verschiedene Kurse mit Live Demos und einem sehr guten Editor (meiner Meinung nach der beste Editor für mobile Geräte) und das alles kostenlos. Zusatzpakete die man kaufen kann hab ich auch noch keine gesehen. Habe vor kurzem damit angefangen und es lohnt sich in meinen Augen wirklich für jeden der gerne anfangen will zu coden :)
Hallo lieber Unleashed Design, ich würde mir zukünftig wünschen das du mehr von deinen Flow (Persönlichkeit/Ideen/Know How) in den Tutorials mit einfließen lässt. Du erklärst es zwar in deiner Art, aber Inhaltlich sind es meistens "nur" 0815 Tutorials :) Ist nur gut gemeinte Kritik.
![CSS3 Grid/Flex Layout richtig nutzen! [TUTORIAL]](http://i.ytimg.com/vi/sB-ooIXFTjg/mqdefault.jpg)
![CSS3 Grid/Flex Layout richtig nutzen! [TUTORIAL]](/img/tr.png)
![3 basic responsive CSS/SCSS Layouts für Anfänger/Beginner [Tutorial/Deutsch]](http://i.ytimg.com/vi/o9MO_VdGAGs/mqdefault.jpg)
![CSS3 Grid Fade In Animation einfach gemacht! [TUTORIAL]](/img/n.gif)
Danke! Danke! Danke! Ich habe CSS immer gehasst, weil ich es nie auf die Kette bekommen habe, ein ordentliches Layout ohne extrem viel Gewurschtel und Selbsthass zu designen.
Am Anfang meiner "CSS-Karriere" habe ich, insbesondere die Header, immer mit Float gelayouted. Das war Hass pur!
Dann kam ich auf Flexbox und es war eine solche Erleichterung, aber es gab trotzdem immer noch die ein oder anderen Probleme.
Jetzt habe ich gestern Dein Video gesehen, kannte das System nur vom Namen her, habe mich aber nie damit wirklich beschäftigt. Heute morgen bin ich aufgewacht, hatte noch viel Zeit bis zur Arbeit und hatte so einen Motivationsschub (ADHS und Dopamin sei Dank :D) und habe im Hyperfokus eine gesamte Website für eine Selbsthilfegruppe, die ich gegründet habe, designed und es ging mir noch nie so flüssig aus der Hand wie mit der Benutzung des Grid-Systems.
Am Ende habe ich es mit Flexbox kombiniert, ich hoffe, dass das clean ist :D Aber ich denke schon. Und es funktioniert so gut, wie noch nie.
Danke also nochmal für das Video, ich habe jetzt nach dieser Erfahrung endlich nicht mehr das Gefühl, völlig beknackt in der Webentwicklung zu sein, weil ich solche Probleme mit Layouts hatte. :D
Man lernt nie aus und wenn man jetzt etwas mehr verstanden hat wird es vieles in Zukunft einfacher machen. Kann nur empfehlen bei CSS "Problemen" erstmal die Basics zu lernen und das Konzept zu verstehen das macht sooo viel klarer und ist häufig das "größte" Problem :)
Respekt für diese sehr gute Erklärung! Habe das Modell sofort verstanden. Danke für deine / eure Arbeit. LG
Danke freut mich wenn dir das Video gefallen hat :)
Schön erklärt! CSS Grid ist ein super System was sich einfach durchsetzen muss. Man spart sich soviel Zeit und Arbeit und ist mit dem Layout ansich soviel flexibler.
~Abo ist raus :D
Danke ;) willkommen auf dem Channel haha :D
Ein kleiner Tipp für alle die sich dieses wirklih gelungene Vide jetzt anschauen:
1. anstatt Pixel bei "grid-template-column" sollte man fr verwenden. fr teilen das Layout einfach sehr effizient ein
Bsp.: grid-template-column: 1fr 4fr 1fr;
würde die Maximale Grid-Breite durch 6 teilen und dann den Platzt wie oben angegeben verteilen.
2. Ein kleiner Atom editor Lifehack. Man kann sich das ständige aktualisieren des Browser sparen indem man in den Atom packages browser geht und dort den "atom-live-server" herunterläd. dadurch wird das Projekt bei jedem speichern aktualisiert im Webview angeigt. (Fragen zur Bedienung? -> TH-cam Tutorials suchen)
Ist da ein PHP Interpreter eingebaut?
Cool, dass du darüber ein Video gemacht hast! Über das Grid System wird ja schon sehr viel geredet, weil es auch so einfach umsetzbar ist. Wird ja von den meisten Browsern unterstützt, sowohl von Mobilen als auch Desktops. Cooles Video! Super informativer Channel :)
Danke, auf ein deutsches grid Tutorial habe ich gewartet ^^
Super und einfache Erklärung
Danke freu tmich wenn es dir gefällt :)
Den Fehler in den columns (Minute ~7) machst du mit der Angabe von vh. Die viewport height ist ja größer als die width, daher hätte vw wahrscheinlich eher funktioniert.
Den margin kannst du dir eig sparen wenn du box-sizing auf border-box stellst. So hat man insgesamt die beste kontrolle über die Elemente in grid
Danke für das schöne entspannte tutorial!
Danke :)
Hallo Johannes,
schau Dir doch mal - falls Du es nicht bereits kennst - das Packages "browser-plus" für Atom an. Dort kannst du die Browser-Ansicht bequem in einem weiteren Fenster in Atom öffnen. Zusätzlich mit einem Live-Modus und sogar einem Inspektor.
Viele Grüße und danke fürs Video
Michael
Kenne ich :) Aber normal läuft mein Workflow etwas anders ;) und für die Videos ist es so leichter :) daher nutze ich es nicht.
Sehr gutes Video, ohne Blabla, sondern auf den Punkt gebracht! Danke
Freut mich wenn es dir gefällt :)
ich mache neben meinem Vollzeitjob grade eine Weiterbildung im Webdesign. Bin noch ganz am Anfang. Erste Einsende aufgabe geht über Homepageanalyse. Spalten, Schichten und tralala. bin ich gar nicht drauf klar gekommen. aber dein Video hat mir geholfen. danke ! Werde öfter vorbeischauen =)
Hey, bin grad durch Zufall auf deinen Channel gestoßen :D
Studiere Webdesign & Development, schade das ich dich nicht früher gefunden hab, habe erst heute Mittag eine Arbeit zu responsive design abgeben müssen :D
Finde es aber super erklärt und schau auch mal bei deinen anderen Videos rein, mal sehen was mir da noch so weiter hilft! :)
Freu mich über mehr hilfreiche Videos :)
Hey, danke für das nette Feedback freut mich wenn dir die Videos gefallen. Wo studierst du denn Webdesign & Development wenn ich fragen darf, gibt es das jetzt als reines Studium?
An der SAE in Leipzig, ja aber nur an privat Unis :)
Achso :) dann wünsche ich mal viel Erfolg!
Dankeschön :)
Endlich kann man sich von float verabschieden. Hab Flex-Box schon geliebt, nur viel zu selten eingesetzt.
Hallo, ich habe das css grid mit dem responsive css menü aus deinem Video kombiniert, jedoch wird das menü riesig dargestellt und die Grid Einteilung geht verloren sobald ich das Menü verwende, wie könnte ich das zusammenhängend nutzen, ich würde mich auf dein Antwort freund. Mit freundlichen Grüßen Manuel
Prima erklärt, DANKE
Danke freut mich wenn dir das Video gefällt :)
1:19 Da knurrt wohl der Magen :D
Vielen vielen Dank!
Gerne :) freut mich wenn es helfen konnte!
CSS Grid ist schon längst überfällig und soll endlich mal in allen gängigen Browsern als Standard eingeführt werden :D
Da bin ich ganz deiner Meinung.
Laut CanIUse ist es das schon. Der IE muss seine Spezi nur anpassen, bzw. so umsetzen wie die anderen.
Sry aber ob es funktioniert oder als Standard implementiert ist ist ein großer Unterschied! ^^ Die können das jederzeit mit einem Update rausnehmen.
Sicher wenn alle Browser bis auf den IE komplett das schon implementiert haben und der IE die erste Spezifikation gemacht hat. Sehr unwarscheinlich.
Ist schon vorgekommen.
Wie kann ich in der Matrix ein Platzhalter für die Größe lassen? Z.B. Zeile 1 100px, Zeile 2 50px, Zeile 3 den Rest, Zeile 4 100px
Also dass Zeile 3 sich so vergrößert, dass der Bildschirm ausgefüllt ist.
7:11 Ich würde sagen das liegt daran dass du vh statt vw geschrieben hast
genauso ist es! vh bezieht sich auf die Höhe des Fensters - bei columns nicht sinnvoll
Was ist denn, wenn die Sidebar in der mobilen Ansicht komplett verschwindet und als Menüpunkt im header auftaucht, sodass man sie auf und zumachen kann. Würde das gehen?
Hallo, ich hätte gerne, dass mein Footer immer ganz unten ist, unabhängig davon ob sich in den Content Grids darüber viel oder kein bzw. wenig Inhalt befindet. Mit der Angabe "height: 100%" im Body simmt es, wenn Seiten keinen bzw. nur wenig Inhalt haben. Bei viel Inhalt (mit Scrollbalken) läuft der Inhalt dann aber unter dem Footer weiter. Ohne "height" Angabe im Body klebt der Footer bei wenig Inhalt sehr weit oben auf der Seite, dafür stimmt die Darstellung bei viel Inhalt (mit Scroolbalken). Wie lässt sich denn das mit Grids ändern bzw. korrekt darstellen? Danke!
Mega, danke!
Gerne :)
Prima Erklärung, danke.
Freut mich wenn dir das Video helfen konnte :)
Css Grid is amazing, thank you for the tutorial.
Wo ist denn Reihe oder Spalte 5 in einer 4x4 Matrix?
Wenn du das nächste mal in Atom mehrmals das gleiche Wort ändern willst, drück doch einfach ein paar mal strg+d oder cmd+d ;) mit der grund wieso ich einfach nicht von Atom oder Sublime of irgendwelche IDEs wechseln kann
Tolles Video !
Ich habe eine Frage:
Wie kriegt man seinen Editor denn so angepasst, dass man die Webseite nicht refreshen muss , nach einer Änderung?
LG aus Darmstadt
Okay mit "" nehme ich mal an ^^
Das mach eich mit einem Plugin in VSC am besten mein IDE Video guckend as in jedem Video Verlinkt ist da sollte das erklärt werden :)
Mega erklärt, endlich verstanden :)
Freut mich wenn dir das Video geholfen hat :)
Sehr schön, hat mir geholfen
Freut mich wenn dir das Video gefällt :)
Also ich frage mich, was denn nun der "Königsweg" des CSS-Layoutings ist. Flexbox mit BS4 oder Grid? Ich persönlich würde am liebsten Grid mit Grid arbeiten..
Genial und einfach erklärt. Besten Dank. Gibt es da noch mehr Videos davon?
Gutes Tutorial. Allerdings hatte ich als Neuling das Problem, dass ich nicht verstanden habe, warum bei 3 Columns die Box bei Column 4 endet. Bei Mozilla-Developer hab ich es dann nachgelesen. Mit Grid-Column-Start/End sind eigentlich keine Spalten (Columns) gemeint, sondern die vertikalen Begrenzungslinien der Spalten. Als CleanCoder hätte ich vermutlich eher sowas wie Grid-Column-Boundary-Start/End gewählt. BTW: Man kann das Ganze auch abkürzen: z.B. mit Grid-Column: 1/4, dann spart man sich eine Zeile und das -Start/-End.
Das ist ja der Hammer!
Freut mich wenn es dir gefällt :)
Hey, sehr cooles Video! Das muss ich auf jeden Fall mal testen!:)
Übrigens: Ich denke, dein Beispiel mit den den vh Angaben bei grid-template-columns hat nicht funktioniert, da hier vw rein muss, oder? Columns sind ja Spalten und werden in der Weite definiert, oder liege ich da falsch?:)
ja. vw wäre korrekt.
Super! Danke!
Freut mich wenn es dir gefällt :P
Super erklärt!
Habe gelesen dass CSS Grid von IE nicht supported wird. Auch dass es nicht für alle Grid Tags einen Präfix für IE gäbe. Aber es gibt ja noch leider viele User die IE nutzen.
Sollte man dann doch darauf verzichten oder gibts einen workaround?
Finde ich top! Ich kannte es noch nicht :-( aber jetzt bin ich schlauer :-) auch wenn ich das ein paar mal sehen und testen muss um es zu verstehen.
Absolut die Arbeit Wert erspart einem so viel Zeit!
Ist eine echt coole Technik, aber was hält denn der gute alte SEO von CSS positioniertem Content? Zudem kann man ja auch jetzt schon mit Flex order Content verschieben.
Die Position spielt für SEO in keiner Form eine Rolle :P also sollte das nicht weiter auffallen denke ich.
Dr. Google interessiert nicht, wo der Content steht, sondern was für ein Content da steht. :D
Da habe ich aber etwas anders gehört; Google liest nicht nur, sondern Google soll wohl sogar wirklich sehen
Google interessiert sich glaub ich nicht für das CSS. Wenn Du aber z.B. die H1 im HTML ganz oben platzierst und sie mit Grid an eine andere Stelle packst ist doch alles bestens. D.h. Du kannst mit Grid eine Super SEO-freundliche HTML Struktur basteln, die Du sogar für Mobile anpassen kannst. Grid ist echt überfällig. Habe damit auch schon ein komplettes responsives Seitenlayout erstellt. Einfach super! Nächster Punkt ist, dass Du damit keine statischen Wire Frames mehr brauchst. Wenn du ein Layout hast, kannst Du ruckzuck für andere Projekte umbauen.
Super erklärt!! :D
Vielen Dank :)
Das ist aber heftig 🤩
Tolles Video :) Wollte nur fragen, welches Atom package dir die CSS-Eigenschaften immer live vorschlägt, hab schonmal gegoogelt, aber hat irgendwie nie geklappt.
jshint :)
sry, aber ich muss das fragen. Warum hast du immer eine Mütze an ?
xD kp hatte ich früher irgendwie immer ist aber schon lange nicht mehr so
Moinsen bin noch recht neu im web development ist grid denn nun standart? :D
Würde sagen sofern du nicht explizit IE unterstützen musst kannst es schon gut nutzen :)
Alta 😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍😍
Hallo, mal blöd gefragt: gibt es auch noch ein tutorial wie man die Flexboxen in die Gridboxen bekommt? Ich bekomme das absolut nicht hin. Ansonsten gut gemachtes Tutorial. ich bin jetzt schon eine Ecke weiter. Danke
Leider nein aber normal sollte es ohne Probleme FUnktionieren.
Frage wie sieht es aktuell mit CSS Grid aus, wenn ich eine Seite mit Grid machen möchte, lohnt sich das schon oder ist es immer noch im entwurf?
Du solltest es mitlerweile denk eich gut nutzen können :)
hmm wenn ich die erste methode wähle wo man die 4 variablen angibt funktioniert es bei mir, schreibe ich es allerdings mit der zweiten methode dann wird nichts mehr angezeigt D; hab nur die namen verändert sonst habe ich eigentlich alles gleich
oke habe mein problem gefunden :D
7:06 - Mit vh konnte das nicht funktionieren, mit vw hättest es das wohl ;-)
Auch wenn Du oft leicht verunsichert wirkst, trotzdem gutes Video, danke!
:D ja sowas passiert leider ab und an wenn mein Script nicht ausführlich genug geschrieben ist von mir und ich bei der Aufnahme "Improviserien" muss xD aber freut mich wenn dir das Video trotzdem geholfen hat
@@UnleashedDesign Du, ich kenne das, manchmal sieht man dann den Wald vor lauter Bäumen nicht. Fand es nur lustig, wie Du es einfach gekonnt ignoriert hast, statt die Ursache zu finden. Ich bin da ja eher so, dass ich mir den Wolf suche, warum das jetzt nicht geht - bis ich dann den winzigen Fehler finde, wie hier nun vh/vw vertauscht ;-) Nee, alles gut! Ich hab dir auf jeden Fall ein Abo dagelassen und werde öfters reinschauen, mach weiter so! :-) Schönen Feiertag!
Super Video :)
Super
Danke :)
Top!
Freut mich wenn dir die Videos gefallen :)
Hallo! ich stehe vor ein Problem wo ich nicht weiterkommen: So weit so gut ich habe das Grid-System verstanden und an einer Webseite einbinden können. Nur hat es Probleme mit Internet-Explorer gegeben. ich habe versucht mit den Präfixes zu setzten doch Funktioniert es nicht... wäre kann mich da weiterhelfen? die Webseite lautet: www.gesundheitsnetz-bl.ch Besten Dank
Ist CSS Grid inzwischen eigentlich massentauglich? :)
Theoretisch ja, würde ich aber noch nicht machen sofern man nicht gezielt browser ausschließen kann.
Danke für die schnelle Antwort :)
hey Unleashed Design,
ich wollte anfangen zu programmieren, habe mir jetzt Atom heruntergeladen und hab keine Ahnung was ich jetzt tun soll xD
kannst du mir irgendwie weiterhelfen? xd
erste HTML Datei aufmachen und los legen ;) oder weitere Videos angucken :P
Guck dir am besten mal die seite codeacademy an, damit hab ich auch angefangen :)
Ist vlt. etwas spät jetzt und wahrscheinlich hast du auch schon lange angefangen, allerdings kann ich dir die App SoloLearn empfehlen.
Ist auf Englisch aber damit musst du klar kommen wenn du Programmieren lernen willst.
Es gibt viele verschiedene Kurse mit Live Demos und einem sehr guten Editor (meiner Meinung nach der beste Editor für mobile Geräte) und das alles kostenlos. Zusatzpakete die man kaufen kann hab ich auch noch keine gesehen.
Habe vor kurzem damit angefangen und es lohnt sich in meinen Augen wirklich für jeden der gerne anfangen will zu coden :)
Hallo lieber Unleashed Design, ich würde mir zukünftig wünschen das du mehr von deinen Flow (Persönlichkeit/Ideen/Know How) in den Tutorials mit einfließen lässt. Du erklärst es zwar in deiner Art, aber Inhaltlich sind es meistens "nur" 0815 Tutorials :) Ist nur gut gemeinte Kritik.
Hey was genau meinst du mit "meinem Flow" ? :D
Ich bin mir nicht sicher, ob das grid layout wirklich Twitters Bootstrap ablösen wird. Das kann einfach noch viel mehr.
Das soll es auch nie ;) es soll nur das Layout von CSS als solche erweitern :) also Grid tritt nur mit flex und float in Konkurenz
hammer dingen
Loo
Hey, ich habs mir mit WIX einfach selbst gemacht
o.o♡
Ich muss dich knutschen 😘😘😘😘😘😘
xD
hammer dingen