Responsive Portfolio Webseite mit HTML und CSS erstellen | Anfänger Tutorial Deutsch

Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

In diesem Video werden wir eine Portfolio-Webseite nur in HTML und CSS entwickeln. Bei diesem Praxisprojekt wirst du viele spannende und moderne CSS Konzepte lernen.
Unter anderem:
- Flexbox
- Grid-Layouts
- CSS Variablen
- Media Queries
- Responsive Webdesign.
und viele mehr.
Nach diesem Video wirst du also in der Lage sein eigene Webseiten zu erstellen, die sogar auf dem Handy gut aussehen.

************************************************************************

Wichtige Links und Ressourcen:

Links zu den Bildern (und Icons)

************************************************************************

Timestamps:
01:01 Endprodukt
03:04 Vorbereitungen
07:34 Header
28:26 Über mich
34:06 Dienstleistungen
41:49 Footer (mit Grid)
55:23 Code zum Vergleichen

************************************************************************

[coding-kurzundknapp]

Hi, den Source Code gibt es ab jetzt auf unserer Webseite:

[StixxLetsPlay]

Sehr gutes Tut. Danke dir. Genau das, was ich gebraucht habe. Direkt mit durch gemacht. Jetzt wird ein Konzept erstellt und nach dem Tutorial eine eigene Seite gebaut. Vielen Dank!

[IT-Johnny]

Lesezeichen für mich selber:

Navigation beginnt bei: 17:15

LG cooles Video :)

[cfo]

Vielen Dank für dieses Tutorial.🙏 Es ist Gold wert und erspart eine Menge an Recherche.

[kallyptrav]

🥵 junge junge, ich hab den ganzen Sonntag damit verbracht das nach zu bauen. Verdammt gutes Tutorial. Musste deine Sprechgeschwindigkeit etwas runterkurbeln 😆 Vielen dank, daran wird dann weiter gebastelt 💪

[siegfriedhaack]

Endlich mal ein hilfreiches Video was man auch etwas angepasst für eine eigene Webseite verwenden kann .

[Taruil]

Da hab ich auch grad Bock, Visual Code anzuschmeißen und es dir nachzumachen :). Schönes Tutorial.

[einfach_paddi]

Ich bin eher jemand der nie irgendwas Kommentiert, jedoch muss ich es hier auslassen Ich danke dir für dieses Geile Tutoriel. Mega gut erklärt man ist Perfekt mit gekommen einwenig schnell :D aber dafür gibt es ja die Pause Funktion haha.

[ch_ruda]

ich bin platt. Sehr gutes Tutorial, trotz das man den Speed in YouTube auf 0.5 stellen muss, sonst hast du keine Chance. Habe sie nachgebaut und und spiele jetzt etwas damit herum um zu lernen.
Vielen Dank für deine Mühe. Mein Abo und Like hast du!!!

[ReneSobeckMedia]

booo, nice! endlich ne ordentlichen channel gefunden!
weiter so!

[aboutanonym]

Tolles Video, kann ich nur empfehlen. Mach weiter so! Kuss geht raus😘

[hey_Quandale_Dingle_here]

Wusste nicht dass du so am chillen bist

[NeroBerg]

Klasse Tutorial: gut und fundiert erklärt. Kann ich sehr gut für mein Projekt gebrauchen. Danke

[phoenixoncode]

Ich glaube ich habe in der Stunde mehr gelernt und verstanden wie in den letzten 2 Monaten :D jetzt heißt es Ausprobieren :)

[guevenovic]

echt nice erklärt, solltest Lehrer werden :D

[JoPuF]

Super Tutorial, merci. Muss man aber erst noch sacken lassen

[heikowuerfel]

So viel toller Inhalt zum Lehrnen Nice

[kajita]

Klasse Video, aber eeeetwas langsamer zu sprechen wäre nice, insbesondere da es ja nicht deine echte Stimme ist.

[chrismaan]

sehr gut verständliches Tutorial Danke dafür :)

[psychedelic-chi]

Dein Video begeistert mich. Dafür gibts auch gleich ein Abo ;- Da bügelt man sich bootstrap und tailwind rein etc... aber ich glaube auf FWs kann ich jetzt bald verzichten, ich finde sie sind ja nichtmal einfacher.., oder wie siehst du das, sind die FWs auf den vielen Browsern & Endgeräten stabiler als Flex und Grid?... Muss mich einfach mehr mit nativem CSS beschäftigen, super Video, vielen Dank!