CSS display flex und :nth-child() Tutorial #18 (2018) Deutsch - Best Webhosting
Thanks! Share it with your friends!
ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU
WEB HOSTING COMPANY
Watch techPunkt Video: CSS display flex und :nth-child() Tutorial #18 (2018) Deutsch.
Hi,
CSS Flex Box Teil 2 ist heute an der Reihe. Heute geht es einmal um
:nth-child() und dann natürlich um die Flex-Box Items. Das ganze habe ich wieder in zwei Teile aufeteilt damit es alles übersichtlich bleibt.
:nth-child(): ein bistimmtes Element über CSS anwählen
order: Flex-Items über CSS anders anordnen
self-align: Flex-Box-Items auf der X-Achse verschieben
Links:
Patreon: https://www.patreon.com/techPunkt
facebook: https://www.facebook.com/compubali/
instagram: https://www.instagram.com/mash.mark/
-- Mein YouTube Equipment --
Meine Kamera: http://amzn.to/29suMeY
Das Objektiv: http://amzn.to/29suOmX
Mein Mikrofon: http://amzn.to/29rifvV
Video-Leuchten: http://amzn.to/29rjs6n
Domainanbieter: http://www.anrdoezrs.net/click-8178540-10483537-1276239318000
Die Amazon- und one-Links hängen mit dem Partnerprogramm von Amazon und one zusammen. Sie dienen dem potentiellen Käufer als Orientierung und verweisen explizit auf bestimmte Produkte. Sofern diese Links genutzt werden, kann im Falle einer Kaufentscheidung eine Provision ausgeschüttet werden.
-- Thanks to --
Bensound (http://www.bensound.com/)
Andrew Applepie (https://andrewapplepie.bandcamp.com/)
http://www.freesfx.co.uk/
Icon made by Freepik from www.flaticon.com
Icon made by SimpleIcon from www.flaticon.com
Icon made by Madebyoliver from www.flaticon.com
Related Videos
-
CSS display flex - Flex-Box Tutorial #17 (2018) Deutsch
Added 91 Views / 0 LikesHi, heut geht´s um CSS Flex-Box. Oder um display: flex. Ist definitiv die komplizierteste aber auch die coolste Einheit von Display. Weil es eben bisschen komplizierter ist, wird es zwei Videos geben. Heute geht es um Display Flex Container, im nächsten Video wird es dann um den Flex Box Inhalt (item) gehen. Hier noch die versprochenen Links: Patreon: https://www.patreon.com/techPunkt facebook: https://www.facebook.com/compubali/ instagram: https://ww
-
CSS display flex Tutorial #19 (2018) Deutsch
Added 83 Views / 0 LikesHi, heute gehts um flex-basis, flex-shrink und flex-grow. Meiner Meinung nach einer der coolsten Elemente, die es in CSS gibt. Ihr dürft euch wieder mal auf ein hammer Tutorial freuen, in dem es eine ganze Menge zu lernen gibt! flex-basis: ersetzt in Zukunft width wenn wir display: flex verwenden flex-shrink: (0 der 1) gibt an ob unsere Items schrumpfen dürfen flex-grow: (0 ode 1) gibt an ob unsere Items wachsen dürfen flex: verbindet alle oberen Elem
-
CSS display (block, inline) Tutorial #16 (2018) Deutsch
Added 92 Views / 0 LikesHi, display block und inline haben wir im CSS-Code zwar schon öfter bei uns verwendet aber nie besprochen. Deswegen heute noch mal ein Intensiv-Tutorial über display block, inline, inline block und none. Das sind nicht alle Werte die man verwenden kann aber die wichtigsten. Viel Spaß beim lernen! :D Leider ist mir am Samstag mein PC abgeschmiert :/, meine Mainboard hat angefangen zu rauchen :o. Deswegen kommt mein Video etwas später, ich lade es gerad
-
WICHTIG: Wordpress Child Theme Erstellen (2019): Mit 3 Simplen Klicks | Tutorial Deutsch
Added 77 Views / 0 Likes• GRATIS Buch: 98,5% der Websites sind erfolglos! So machst Du es RICHTIG: https://wperfolg.de/7wsgyt • Neue & simple 10 Schritte Insiderstrategie für Profi-Websites: https://wperfolg.de/l/training-yt • Aufklappen für Infos, Bonis, Tools + Community • • Videoinhalt • Teile jetzt das Video "Wordpress Child Theme Erstellen in 2019: Mit nur 3 Simplen Klicks - Deutsches Tutorial" mit deinen Freunden! :) DU entdeckst in diesem neuen Video, wie Du über den
-
Google AdWords Display Planner Tutorial 2017-2018 - Best Google Display Network Tutorial
Added 61 Views / 0 LikesCheck out our Google Display Planner Tutorial that is updated for 2017 and 2018. Our Google Display Network tutorial will help you create great ads and use the Display Planner tool to select the best placements, websites, apps, interests, keywords, topics, demographics, and remarketing. Our goal is to teach you exactly how to use the Google Display Planner so you can find the right targeting for your display ads. We begin by going through searching fo
-
Google Display Network Ads Tutorial 2017-2018 - New Interface Google Display Advertising Tutorial
Added 57 Views / 0 LikesCheck out our Google Display Network tutorial updated for 2018. We cover how to set-up Google AdWords display advertising campaigns on the Google Display Network (GDN). Discover how Google Display Ads can work for you with the different targeting available through Google AdWords. You might need some help with Google Display targeting so we have some more tutorials and how-to videos to help you out. The Google Display Network can be complicated and set
-
Hover Effekt mit Button in CSS - Tutorial #15 (2018) Deutsch
Added 74 Views / 0 LikesHi, wir haben den Hover Effekt und Buttons in CSS bzw. HTML schon öfters besprochen. Heute gehen wir noch mal ganz genau darauf ein was Hover genau macht, wie man seine Buttons fehlerfrei gestaltet und was bei CSS und HTML zu beachten ist. Wie immer, viel Spaß zu diesem CSS Anfänger Tutorial. Projekt bei Codepen: http://codepen.io/tech-punkt/pen/BLdjLb Du willst mich unterstützen?: https://www.patreon.com/techPunkt Facebook: https://www.facebook.com/t
-
CSS Tutorial deutsch, CSS3 lernen für Anfänger #1 (2018)
Added 87 Views / 0 LikesWillkommen zum CSS 3 Tutorial (natürlich Deutsch). In diesem Anfänger-Kurs lernen wir alle wichtigen Elemente von CSS 3 und natürlich auch HTML kennen. Ganz am Anfang erstmal den sogenannten Syntax. Am Ende wirst du Websiten ohne Probleme ganz wie du möchtest gestalten können - versprochen! Viel Spaß! Zur Tutorial-Playlis (alle Videos): https://www.youtube.com/watch?v=yBFE7Kcpb2k&list=PL5jhqWqcHcSLY1L3plznN7cXr4zteVbXL Zum HTML Basic Tutorial (alle HT
-
HTML 5 | CSS Tutorial 2018 - Grundkurs Teil 3: CSS (Deutsch)
Added 78 Views / 0 LikesDas große CSS Tutorial ist da :D - Gleich reinschauen: https://www.youtube.com/playlist?list=PL5jhqWqcHcSLY1L3plznN7cXr4zteVbXL Alle Grundkursvideos: Teil 1: https://www.youtube.com/watch?v=1A1D2bCcBX8 Teil 2: https://www.youtube.com/watch?v=W5tbnatuAic Teil 3: https://www.youtube.com/watch?v=4K-CZ3RH2zk&feature=youtu.be -- Mein YouTube Equipment -- Meine Kamera: http://amzn.to/29suMeY Das Objektiv: http://amzn.to/29suOmX Mein Mikrofon: http://amzn.to
-
HTML 5 | CSS Tutorial 2018 - Grundkurs Teil 1: Einstieg (Deutsch)
Added 92 Views / 0 LikesEinsteigen in HTML5 und CSS - Ein Video für Anfänger und diejenigen, die ihr Wissen wieder auffrischen wollen. Hier lernt ihr wie ihr in HTML einsteigt, welches Editing-Programm am besten ist und wie die HTML-Grundstruktur aussieht. Notepad++ download: https://notepad-plus-plus.org/downloa... Alle Grundkursvideos: Teil 1: https://www.youtube.com/watch?v=1A1D2bCcBX8 Teil 2: https://www.youtube.com/watch?v=W5tbnatuAic Teil 3: https://www.youtube.com/wat
-
Woocommerce Tutorial Deutsch | Wordpress Shop Anleitung 2018
Added 96 Views / 0 LikesLerne wie du einen Online Shop mit Woocommerce und Wordpress erstellen kannst. Einfaches Schritt für Schritt Tutorial • WordPress Hosting https://webseitenmachen.de/site-ground * (50% Rabatt) (Über den Link unterstützt du mich :) ) • Elegant Themes https://webseitenmachen.de/divi • Siteground Review : https://webseitenmachen.de/review/ • Fiverr https://webseitenmachen.de/fiverr Inhaltsübersicht : Intro 00:00:00 Benötigte Mittel 00:08:30 Siteground + W
-
How to Display a List of Child Pages For a Parent Page in WordPress
Added 79 Views / 0 LikesThere are some ways to display child pages and you may want to show them all together. Be it in a widget, the parent page, or another location in your template. In this video we will show you how to display a list of child pages for a parent page. If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Text version of this tutorial: http://www.wpbeginner.com/wp-tutorials/how-to-display-a-list-of-chi
