Beste Spruch im Video: " Ich hab mein Kaffee nur positioniert und nicht getrunken. Und wenn kein Kaffee da ist Mario, ist er vielleicht Display : none." Mario du bist ins kleinste Atom Developer, Programmier und mehr. Das Rockt.
Man denkt, man weiß schon so einiges und adnn kommst du mit einem Tip um die Ecke, wo ich denke ... wow ... ' Hätte ICH das nur eher gewusst'. Gerne weiter machen.
Schön das du dass Problem mit dem img display: inline am Anfang des Videos aufgegriffen hast :) Ich finde es immer wieder schön die eigene Perspektive zu erweitern und zu sehen wie andere Entwickler gewisse Probleme angehen, ich würde mich freuen, wenn du diese Serie fortsetzen würdest. LG.
Ich bin immer wieder überrascht, wieviel Schreiberei es am Ende in css ist. „line-height“ kannte ich noch nicht. Vielen Dank für den Hinweis, dass man es sparsam einsetzen sollte. Wieder was gelernt. 👍
Schön Mario dass das nicht nur mir passiert. Suche kleine Fehler können schon einiges an Zeit in Anspruch nehmen, dabei ist es nur etwas Kleines. Was ich jetzt machen würde wenn du schon bestimmte Farben definierst, würde ich sie im root verpacken, damit falls die Farben geändert werden müssen man nicht überall die Farben von Hand ändern muss. Mit dem heutigen CSS geht das auch ohne sass. Aber ich muss schon sagen ein tolles Klasse video, Gruß Dani
@@ProgrammierenMario Hereingelegt, aber ich denke, es wäre jetzt sinnvoll, sonst gibt es einen grossen Umbau. Ich arbeite mit Sass, das finde ich klasse, denn da kann ich meine Notizen machen und habe immer den Überblick. Auf der jetzigen Seite, diese läuft zwar gut, noch mit Bootstrap gebaut, aber da habe ich den Überblick verloren. Und da ich einige Ideen bei meiner Webseite umsetzen will ohne Framework und zudem meine grauen Zellen etwas strapazieren will, bin ich jetzt am Werk. Nebst dem Schreiben mit dir.
War jetzt selbst schockiert wegen dem Bild, da ich zu 100% davon ausgegangen bin, dass ein inline-block Element ist, da man ja Breite und Höhe festlegen kann. Den unerwünschten Abstand hatte ich auch immer mit margin: 0 entfernt. Dachte ich wenigstens, aber wahrscheinlich war da auch CSS vorgelagert, welches die display Eigenschaft verändert hat. Habe jetzt mal recherchiert und ist, wie ein paar andere "src" Elemente, ein replaced element, weil es wohl unabhängig vom CSSOM existiert. Es wird als inline Element geführt, aber sobald ein Bild angezeigt wird ändert sich das im Hintergrund. Da bin ich jetzt wohl auch 20 Jahre auf dem falschen Gleis gefahren. Es ist schon verrückt was man nach so vielen Jahren immer noch dazu lernt. Und da versuche ich schon immer auch die Basics zu lernen. Schönes WE!
Wieso wird dieses Video mir erst heute vorgeschlagenen?! Umbedingt weiter machen. Für dieses Projekt hätte ich noch paar wünsche im HTML, bildergalerie in der cardbox mit Pfeil links und rechts wenn die Maus drüber hoovert, ein script, was solche cardboxes erstellt und automatisch hinzufügt. Eigenschaften Selektion der Produkte um eine produktauswahl zu machen... Und und und Könnt noch ehwigs weiterschreiben Vielen Dank für deine Videos!
Hi... du kannst einfach für jedes image als eigenschaft vertical-align: middle; festlegen und damit verschwindet auch der Abstand. Vorteil ist, das Bilder nun nicht zwingend block-Elemente sind
@@ProgrammierenMario na ich nehme Lavazza Espresso! Mit Sahne sehr Lecker.
3 หลายเดือนก่อน +1
Hallo Mario! Es wäre cool, wenn man basierend auf den letzten beiden Videos so etwas wie eine Reihe über CSS aufbauend könnte, mit eventuell auf "exotischeren" Layouts.
Ganz richtig, Bilder sind keine Block-Elemente. Der Abstand ensteht auch durch vordefinierte line-height für Inline-Elemente. Ich benutze ein selbstgeschriebenes CSS Reset für meine Projekte, da habe ich dies gefixt.
Hi Mario, danke für Deine Videos, bin inzwischen auch Fan 🎉 Frage: Gibt es Vorteile den Preis mit margin-left: auto nach rechts zu schieben, statt den .card-properties justify-content: space-between zu geben? So hätte ich es in diesem Fall gemacht.
juhu, sehr cooles video. mir ist aufgefallen das du immer wieder die farben kopiert hast, wieso verwendest du nicht einfach css variablen für farben, padding, radius usw? was auch cool ist, wenn man "em" bei den buttons verwendet, der spacing passt sich dann automatisch der font-size an. falls du mal lust hast mit css scroll-driven animations spielen möchtest, kannst du probleme bekommen wenn du overflow: hidden verwendest, in dem fall tuts auch overflow: clip. Bin schon auf das nächste video gespannt
Besser würde ich nicht sagen. Du hast mit SASS mehr Mechaniken als mit reinem CSS. Aber am Ende ist das ja auch nur CSS. Denn SASS muss in CSS übersetzt werden damit es im Browser läuft.
'Wieder etwas dazugelernt. Was mich vieleicht ein ein wenig nervt, ist das man für die eingebrachten Änderungen nur eine Datei benutzt. Es wird da ja vieleicht auch etwas geändert oder gelöscht, was man vieleicht noch einmal nachvollziehen möchte. ----- Gibt es dagegen nicht ein Werkzeug das sich Git nennt, mit dem man die Entwicklung des Quelltextes kontrollieren kann ?
Eine Frage hätte ich, bei VS Code kann ich den Bildpfad kopieren mit Umschalt + Alt + C, weshalb setzt er den Schrägstrich statt / in die falsche Richtung nämlich \. Kann das an einem anderen Ort geändert werden, das nervt.
Und immer gerne weiter mit CSS und Kaffepositionierung. Jeder Bohne zählt.
Du machst es genial. Besser geht es wirklich nicht❗
Danke dir ✌️
Beste Spruch im Video: " Ich hab mein Kaffee nur positioniert und nicht getrunken. Und wenn kein Kaffee da ist Mario, ist er vielleicht Display : none." Mario du bist ins kleinste Atom Developer, Programmier und mehr. Das Rockt.
Ja die ganzen Jahre in der IT haben geprägt 😄
Man denkt, man weiß schon so einiges und adnn kommst du mit einem Tip um die Ecke, wo ich denke ... wow ... ' Hätte ICH das nur eher gewusst'. Gerne weiter machen.
Sehr geil 💪 Danke dir 🙏
Grüße 🖖
Schön das du dass Problem mit dem img display: inline am Anfang des Videos aufgegriffen hast :)
Ich finde es immer wieder schön die eigene Perspektive zu erweitern und zu sehen wie andere Entwickler gewisse Probleme angehen, ich würde mich freuen, wenn du diese Serie fortsetzen würdest. LG.
Danke dir vielmals!
Ich bin immer wieder überrascht, wieviel Schreiberei es am Ende in css ist. „line-height“ kannte ich noch nicht. Vielen Dank für den Hinweis, dass man es sparsam einsetzen sollte.
Wieder was gelernt. 👍
Schön Mario dass das nicht nur mir passiert.
Suche kleine Fehler können schon einiges an Zeit in Anspruch nehmen, dabei ist es nur etwas Kleines.
Was ich jetzt machen würde wenn du schon bestimmte Farben definierst, würde ich sie im root verpacken, damit falls die Farben geändert werden müssen man nicht überall die Farben von Hand ändern muss. Mit dem heutigen CSS geht das auch ohne sass.
Aber ich muss schon sagen ein tolles Klasse video, Gruß Dani
Das wäre dann wohl das Thema fürs nächste Video 😂
@@ProgrammierenMario Ich wollte dir keine neue Arbeit aufhalsen, jetzt habe ich ein schlechtes Gewissen!😒😒
@@danielpaulplanzer8611 Ach quatsch! Wäre sowieso der nächste logische Schritt. Habe eh überlegt daraus eine kleine Serie zu machen. 👍
@@ProgrammierenMario Hereingelegt, aber ich denke, es wäre jetzt sinnvoll, sonst gibt es einen grossen Umbau. Ich arbeite mit Sass, das finde ich klasse, denn da kann ich meine Notizen machen und habe immer den Überblick. Auf der jetzigen Seite, diese läuft zwar gut, noch mit Bootstrap gebaut, aber da habe ich den Überblick verloren. Und da ich einige Ideen bei meiner Webseite umsetzen will ohne Framework und zudem meine grauen Zellen etwas strapazieren will, bin ich jetzt am Werk. Nebst dem Schreiben mit dir.
sehe ich auch so.. immer weiter mit der positionierung des Kaffees -
✌️☕️
War jetzt selbst schockiert wegen dem Bild, da ich zu 100% davon ausgegangen bin, dass ein inline-block Element ist, da man ja Breite und Höhe festlegen kann. Den unerwünschten Abstand hatte ich auch immer mit margin: 0 entfernt. Dachte ich wenigstens, aber wahrscheinlich war da auch CSS vorgelagert, welches die display Eigenschaft verändert hat.
Habe jetzt mal recherchiert und ist, wie ein paar andere "src" Elemente, ein replaced element, weil es wohl unabhängig vom CSSOM existiert. Es wird als inline Element geführt, aber sobald ein Bild angezeigt wird ändert sich das im Hintergrund.
Da bin ich jetzt wohl auch 20 Jahre auf dem falschen Gleis gefahren. Es ist schon verrückt was man nach so vielen Jahren immer noch dazu lernt. Und da versuche ich schon immer auch die Basics zu lernen.
Schönes WE!
Und da habe ich das nur zufällig gesehen. Danke für deine Recherche. Schönes Wochenende ✌️
Wieso wird dieses Video mir erst heute vorgeschlagenen?!
Umbedingt weiter machen. Für dieses Projekt hätte ich noch paar wünsche im HTML, bildergalerie in der cardbox mit Pfeil links und rechts wenn die Maus drüber hoovert, ein script, was solche cardboxes erstellt und automatisch hinzufügt.
Eigenschaften Selektion der Produkte um eine produktauswahl zu machen... Und und und
Könnt noch ehwigs weiterschreiben
Vielen Dank für deine Videos!
Hi... du kannst einfach für jedes image als eigenschaft vertical-align: middle; festlegen und damit verschwindet auch der Abstand. Vorteil ist, das Bilder nun nicht zwingend block-Elemente sind
Danke dir 👍
:D Den Fehler hatte ich auch mal und hab mich dumm und dusselig gesucht. Mir kam dann ein Discord Channel zur Hilfe. :D
Solche Momente gibts immer mal ☕️
Vielleicht liegt es an der Kaffeesorte!
Kannst du eine empfehlen?
@@ProgrammierenMario na ich nehme Lavazza Espresso! Mit Sahne sehr Lecker.
Hallo Mario! Es wäre cool, wenn man basierend auf den letzten beiden Videos so etwas wie eine Reihe über CSS aufbauend könnte, mit eventuell auf "exotischeren" Layouts.
Mal schauen ☕️👀
Ganz richtig, Bilder sind keine Block-Elemente. Der Abstand ensteht auch durch vordefinierte line-height für Inline-Elemente. Ich benutze ein selbstgeschriebenes CSS Reset für meine Projekte, da habe ich dies gefixt.
Die Stärke wird doch normalerweise in Bohnen beschrieben, oder? Nun gut, gemahlene Kaffeebohnen sind schwer darzustellen... 😉
✌️☕️
Hi Mario, danke für Deine Videos, bin inzwischen auch Fan 🎉 Frage: Gibt es Vorteile den Preis mit margin-left: auto nach rechts zu schieben, statt den .card-properties justify-content: space-between zu geben? So hätte ich es in diesem Fall gemacht.
juhu, sehr cooles video.
mir ist aufgefallen das du immer wieder die farben kopiert hast, wieso verwendest du nicht einfach css variablen für farben, padding, radius usw?
was auch cool ist, wenn man "em" bei den buttons verwendet, der spacing passt sich dann automatisch der font-size an.
falls du mal lust hast mit css scroll-driven animations spielen möchtest, kannst du probleme bekommen wenn du overflow: hidden verwendest, in dem fall tuts auch overflow: clip.
Bin schon auf das nächste video gespannt
Danke dir für die Tipps 🙂
Servus Mario, du hilfst mir wirklich mit deinem Kanal! Danke dafür! Ist SASS besser als CSS?
Besser würde ich nicht sagen. Du hast mit SASS mehr Mechaniken als mit reinem CSS. Aber am Ende ist das ja auch nur CSS. Denn SASS muss in CSS übersetzt werden damit es im Browser läuft.
@@ProgrammierenMario Danke 🙏. Muss dich wohl geärgert haben da ich kein Herz bekommen habe 🤣.. ne ne 😅 alles gut
'Wieder etwas dazugelernt. Was mich vieleicht ein ein wenig nervt, ist das man für die eingebrachten Änderungen nur eine Datei benutzt. Es wird da ja vieleicht auch etwas geändert oder gelöscht, was man vieleicht noch einmal nachvollziehen möchte. ----- Gibt es dagegen nicht ein Werkzeug das sich Git nennt, mit dem man die Entwicklung des Quelltextes kontrollieren kann ?
Natürlich. Git ist hervorragend. Hab einige Tutorials darüber, falls du mal reinschauen willst 👍
Wenn man jetbrains-Produkte nutzt kann man auch die integrierte Historie nutzen. Ist lokal recht brauchbar.
Eine Frage hätte ich, bei VS Code kann ich den Bildpfad kopieren mit Umschalt + Alt + C, weshalb setzt er den Schrägstrich statt / in die falsche Richtung nämlich \. Kann das an einem anderen Ort geändert werden, das nervt.
Verwendest du Windows?
@@ProgrammierenMario ja klar
@@ProgrammierenMario ja Mario Mac kommt bei mir nicht in die Bude
So und jetzt gehe ich auch wieder an den Rechner denn mit Zuschauern wird meine neue Webseite nie fertig😂😂😂
Schau doch am Rechner während du arbeitest = Win+Win 😂
@@ProgrammierenMario lieber Mario, das geht bei mir nicht!!!! Bin ein Mann und nicht Multitasking fähig 🤣🤣🤣🤣🤣🤣
Fühl ich 😂😂☕️
Du solltest dir also nicht nur den Kaffee erstellen und positionieren, sondern auch eine Schleife zum trinken dazu schreiben.