No video

Responsive Webdesign - Grundgerüst erstellen [GER] [TutCubeDE]

  Рет қаралды 49,717

TutCubeDE

TutCubeDE

Күн бұрын

Wir starten mit einem einfachen Grundgerüst auf Basis eines Responsive Layouts.
Dazu bedienen wir uns trotzdem eines Wrappers, damit wir nicht die gesamte Breite des Browser ausfüllen. Wie man es später genau umsetzt bleibt natürlich jedem selbst überlassen.
Damit die Webseite allerdings als Grundgerüst für eine Responsive Webseite durchgehen kann, müssen noch einige besondere Kleinigkeiten beachtet werden. Welche? Schau rein. :)
Danke, an all meine Patreon-Supporter!
Wenn Du mich unterstützen möchtest: / tutcubede
Discord: discord.tutcube.de
○ Video / Quellcode: www.tutcube.de...
ℹ Adaptive vs. Responsive - Website-Typen im Web. Wo liegt der Unterschied?
Erklärungsvideo: • Adaptive, Responsive -...
ℹ Fixed, Fluid, Elastic - Layout-Typen im Web. Wo liegt der Unterschied und wann benötigt man was?
Erklärungsvideo: • Fixed, Fluid, Elastic ...
✓ ABONNIEREN NICHT VERGESSEN!: bit.ly/17UQN1Q
✓ Zum Kanal: bit.ly/11I3V1I
✓ Facebook: on. 18Uz77x
✓ Twitter: bit.ly/12S8H4b

Пікірлер: 43
@rolfdisch1755
@rolfdisch1755 9 жыл бұрын
Hallo, Deine Tut`s sind einfach klasse ;-) Sehr gut alles erklärt. Schönes Tempo. Alles ist sehr gut nachvollziehbar. Sehr hilfreich. Danke Solche Tut`s findet man leider sehr selten
@offspacegaleriepanoptikum.655
@offspacegaleriepanoptikum.655 5 жыл бұрын
Sehr gut und einfach erklärt! Freue mich schon auf die nächsten Tutorials! :-)
@gerzy
@gerzy 9 жыл бұрын
Können wir noch weitere Tutorials & wieder aktivere Videos von dir erwarten? ;) Vermisse diese nämlich!
@stefanhoelzl5957
@stefanhoelzl5957 5 жыл бұрын
Schön erklärt, auch für Neulinge - vielen Dank!
@Mucki1LPs
@Mucki1LPs 9 жыл бұрын
Suuuuuper Tutorial gleich mal fix nachgebastelt ;), wann ommt denn der 2. Teil des Tuts? Interessiert mich brennend :)
@shaniceehioghiren5173
@shaniceehioghiren5173 9 жыл бұрын
Ich fände es sehr schön wenn du mal wieder aktiv Videos hochladen würdest 😘 Lg Bree Pablo
@TuTCubeDE
@TuTCubeDE 9 жыл бұрын
Bree Pablo Ich auch.. :P
@shaniceehioghiren5173
@shaniceehioghiren5173 9 жыл бұрын
***** wieso machst du es dann nicht ?
@TuTCubeDE
@TuTCubeDE 9 жыл бұрын
Weil ich im Moment keine Zeit dafür finde - leider. Aber es werden noch neue Videos kommen. Nur wann ist eben die Frage :(
@chrisdorn3448
@chrisdorn3448 9 жыл бұрын
***** und wie siehst jetzt mit deiner Zeit aus^^
@Vasorex
@Vasorex 8 жыл бұрын
+TutCubeDE Ja wie siehts mit der Zeit aus? :c
@iamsebxyz
@iamsebxyz 9 жыл бұрын
Wie immer ein gutes Tutorial! :)
@embedpix8528
@embedpix8528 9 жыл бұрын
absolut klar, verständlich und einfach. Danke :) Ab wann wäre bitte mir einer Fortsetzung zu rechnen?
@TuTCubeDE
@TuTCubeDE 9 жыл бұрын
Wenn alles nach Plan verläuft, dann Ende nächster Woche. Spätestens die Woche darauf. :)
@tobiasberling3989
@tobiasberling3989 6 жыл бұрын
Gutes Video, hab alles verstanden!
@sk8aboy22
@sk8aboy22 9 жыл бұрын
Sehr cool, danke
@tufantayfur12
@tufantayfur12 4 жыл бұрын
Beim Responsive Webdesign finden statt absoluten Maßeinheiten wie Pixel fast ausschließlich relative Maßeinheiten wie %, em oder rem Verwendung
@TuTCubeDE
@TuTCubeDE 4 жыл бұрын
Kann man so sagen, ja. Dennoch ist gerade die Angabe von maximalen Breiten- und Höhenwerten auch in Pixeln sehr sinnvoll, da es dann definitiv so aussieht, wie man möchte. Vor allem, wenn man nie möchte, dass die Seite über die komplette Breite geht. :)
@rolandkloter8800
@rolandkloter8800 3 жыл бұрын
hallo _________kann man den quellcode irgenwo erunterladen ?? danke
@micpro-duction3446
@micpro-duction3446 7 жыл бұрын
Ich verwende Webocton Scriptly, aber warum ist da der header im Editor rot markiert? :/ Das irritiert.
@cryptologic8322
@cryptologic8322 7 жыл бұрын
warum nimmt man eigentlich immer "nav, header, footer" etc. kann ich nicht einfach immer div benutzen und dann mit ner class bzw. id? also funktionieren tut beides, aber vielleicht weiß einer von euch ja, warum man das so macht.
@chrisnitschke7986
@chrisnitschke7986 7 жыл бұрын
Im Grunde kannst du nutzen, was du möchtest. Bedenke, dass pro Dokument, somit pro Seite, jede ID nur einmal vorkommen darf. Demzufolge kannst du nur einmal verwenden, wohingegen du so oft verwenden, wie es nötig ist. Die sogenannten semantischen Elemente wie , , , und dergleichen sind gleichwertig mit ID's und Classes, sollten aber in neuen Websites bevorzugt werden. Damit soll die Lesbarkeit des Quelltextes und die Barrierefreiheit von Websites verbessert werden. Bedenke auch hier, dass man Hauptelemente wie auch nur einmal pro Dokument verwenden sollte.
@xLittlePsycho
@xLittlePsycho 7 жыл бұрын
Ist das 2017 noch aktuell?
@felixfabian7543
@felixfabian7543 7 жыл бұрын
xLittlePsycho ja
@LkLp-bc2nz
@LkLp-bc2nz 7 жыл бұрын
xLittlePsycho außer der Befehl float
@TuTCubeDE
@TuTCubeDE 7 жыл бұрын
+LkLp1082 float ist auch 2017 noch aktuell und sehr wichtig. Wenn allerdings mit anderen CSS-Eigenschaften wie flexbox arbeitet, wird kein float benötigt. Aber dann muss man das Gerüst etwas anderes aufbauen im CSS. :p
@LkLp-bc2nz
@LkLp-bc2nz 7 жыл бұрын
Das meinte ich
@TuTCubeDE
@TuTCubeDE 7 жыл бұрын
+LkLp1082 habe ich mit gedacht. :) wollte es nur für die anderen etwas genauer erklären. :)
@namreggerman6836
@namreggerman6836 9 жыл бұрын
Warum haben header, nav und footer keine ID? Wrapper&Content jedoch schon?
@namreggerman6836
@namreggerman6836 9 жыл бұрын
Dumm :D HTML5 tags ^^ P.S Super Videoreihe!!! Welchen Studiengang belegst du aktuell?
@TuTCubeDE
@TuTCubeDE 9 жыл бұрын
Namreg german Informatik.. Aber wie kommst du drauf, dass ich studiere? :D
@namreggerman6836
@namreggerman6836 9 жыл бұрын
***** war einfach eine Annahme, mehr nicht... Hätte reine Informatik eher ausgeschlossen, da Webdesign nicht unbedingt typisch für einen reinen Infostudiengang ist.
@TuTCubeDE
@TuTCubeDE 9 жыл бұрын
Namreg german Es ist auch eher angewandte Informatik wobei sich der Studiengang nicht so schimpft.. Aber gelernt habe ich dadurch nichts was die Webentwicklung und Webdesign betrifft. :D
@namreggerman6836
@namreggerman6836 9 жыл бұрын
hab ich mir fast gedacht :P
@eddiepoole
@eddiepoole 7 жыл бұрын
ich gebe zu, section ist genau so nichtssagend wie div, aber zu sagen, section passe nicht, ist die falsche argumentation, denn es ist gehupft wie gesprungen.
@rolandkloter8800
@rolandkloter8800 7 жыл бұрын
wenn ich header auf position fixed stelle geht das mit 100% nicht
Responsive Webdesign - Media Queries [GER] [TutCubeDE]
14:40
TutCubeDE
Рет қаралды 16 М.
PHP Besucherzähler für Anfänger [GER] [TutCubeDE]
17:23
TutCubeDE
Рет қаралды 12 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 167 МЛН
а ты любишь париться?
00:41
KATYA KLON LIFE
Рет қаралды 3,6 МЛН
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 9 МЛН
Magic trick 🪄😁
00:13
Andrey Grechka
Рет қаралды 57 МЛН
Warum jeder #css #FLEXBOX nutzen sollte! Float ist tot! [Tutorial]
13:24
Unleashed Design
Рет қаралды 59 М.
Adaptive, Responsive - Website-Typen im Web [GER] [TutCubeDE]
11:53
5 wichtige Webdesign Prinzipien die JEDER kennen sollte! [Tutorial]
12:32
Unleashed Design
Рет қаралды 109 М.
Die Macht der robots.txt! [Tutorial]
9:15
Unleashed Design
Рет қаралды 11 М.
Running With Bigger And Bigger Feastables
00:17
MrBeast
Рет қаралды 167 МЛН