![]() Date: 2024-08-16 Page is: DBtxt003.php txt00018738 | |||||||||
Coding Assistance | |||||||||
Burgess COMMENTARY Peter Burgess | |||||||||
Flexbox Tutorial (CSS): Real Layout Examples
730,659 views•Oct 12, 2016
LearnWebCode 254K subscribers
Learn how to use Flexbox to create different layouts. Link to my new 'Git a Developer Job' course: https://www.udemy.com/git-a-web-devel...
///////////////////////////////////////////////////
CSS Flexbox Tutorial for Beginners | Basics & Container | 1/2
104,706 views•Dec 11, 2017
Academind
498K subscribers
Responsive design is more important than ever as we want to ensure that our website looks awesome on all devices. With Flexbox we can make our Elements more dynamic, so let's find out how this works in this tutorial!
----------
Join the full 22h+ course: https://acad.link/css
Source Code: https://github.com/academind/understa...
Flexbox on the MDN: https://developer.mozilla.org/en-US/d...
----------
• You can follow Max on Twitter (@maxedapps).
• You can also find us on Facebook.(https://www.facebook.com/academindcha...)
• Or visit our Website (https://www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Category
Science & Technology
//////////////////////////////////////////////////////
CSS Flexbox Tutorial for Beginners | Flex-Items | 2/2
29,271 views•Dec 14, 2017
Academind
498K subscribers
Ok, we understood how the Flex-Container works in the last video. But what if we want to change the way specific Flex-Items are displayed, it that possible? Yes it is!
----------
Join the full 22h+ course: https://acad.link/css
Source Code: https://github.com/academind/understa...
Flexbox on the MDN: https://developer.mozilla.org/en-US/d...
----------
• You can follow Max on Twitter (@maxedapps).
• You can also find us on Facebook.(https://www.facebook.com/academindcha...)
• Or visit our Website (https://www.academind.com) and subscribe to our newsletter!
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Category
Science & Technology
66 Comments
////////////////////////////////////////////////
CSS Positioning Tutorial for Beginners
290,157 views•Dec 4, 2017
Academind
498K subscribers
How can we position our elements in CSS and how do the different values for the position property work?
Join the full CSS course: https://acad.link/css
Join our Academind Community on Discord for free: https://discord.gg/gxvEWGU
Read the full article: https://academind.com/learn/css/under...
Check out all our other courses: https://academind.com/learn/our-courses
----------
Source code: https://github.com/academind/understa...
----------
• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on https://www.facebook.com/academindcha...
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Category
Science & Technology
/////////////////////////////////////////////////////
How to Create Website Layouts Using CSS Grid | Learn HTML and CSS | HTML Tutorial
688,272 views•Jul 30, 2017
mmtuts
251K subscribers
How to create website layouts using CSS grid | Learn HTML and CSS | HTML tutorial. CSS grid layouts will change how we create website layouts. Today you will learn about CSS grids, which is a new method we can use to create website layouts. CSS grid layouts are the future of webdesign layouts only using css, and in this lesson I will give you a guide to using CSS grid.
Links:
CSS grids documentation: https://css-tricks.com/snippets/css/c...
My video on Flexbox: https://www.youtube.com/watch?v=0e02d...
CSS grid vs. Flexbox: https://www.youtube.com/watch?v=N5Lt1...
➤ GET ACCESS TO MY LESSON MATERIAL HERE!
First of all, thank you for all the support you have given me!
I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!
I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.
I hope you will find it helpful :)
Material for this lesson: https://www.patreon.com/posts/html-38...
Category
Education
714 Comments
//////////////////////////////////////////////////
CSS Grid Tutorial | CSS Grid Crash Course
168,059 views•Apr 20, 2019
Dev Ed
294K subscribers
Check out my courses and become more creative!
https://developedbyed.com/
#css #webdevelopment
❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed
In today's episode we are going to take a look at css grid. We can use css grid to structure and position our websites with ease.
I am going to cover all the basics of css grid and at the end of the video we are also going to take a look on how we can create a responsive image gallery only using a few lines of css code.
📕 Things covered in this video:
- How to work with css grid.
- Grid template columns and rows
- Grid template areas
- Aligning items
- Creating an image gallery
🛴 Follow me on:
Twitter: https://twitter.com/deved94
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: https://soundcloud.com/lakeyinspired
Intro:
Dj Quads
Track Name: 'Every Morning'
Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads
Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...
Category
Science & Technology
///////////////////////////////////////////////////////////////
HTML Crash Course For Absolute Beginners
2,896,807 views•Jul 17, 2017 Traversy Media 1.07M subscribers In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after 21 Hour HTML & CSS Course: https://www.udemy.com/course/modern-h... CODE: Code for this video http://www.traversymedia.com/download... NEXT: CSS CRASH COURSE FOR BEGINNERS https://www.youtube.com/watch?v=yfoY5... CHECK OUT MY FULL STACK COURSE: http://www.traversymedia.com/course/t... BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia Category Science & Technology /////////////////////////////////////////////////////////////// CSS Crash Course For Absolute Beginners 1,874,627 views•Jul 19, 2017 Traversy Media 1.07M subscribers In this video I will cram as much as possible about CSS. We will be looking at styles, selectors, declarations, etc. We will build a CSS cheat sheet that you can keep as a resource and we will also create a basic website layout. We are using CSS3 but mostly the basics. I will be creating an advanced CSS course with animations, etc. I do have a Flexbox in 20 minutes video as well if you want to learn flexbox. 21 Hour HTML & CSS Course: https://www.udemy.com/course/modern-h... CODE: Code for this video http://www.traversymedia.com/download... HTML CRASH COURSE VIDEO: https://www.youtube.com/watch?v=UB1O3... BECOME A PATRON: Support me directly for even $1 per month http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia Category Science & Technology 2,306 Comments /////////////////////////////////////////////////////////////// PHP Programming Language Tutorial - Full Course 1,262,864 views•Jun 20, 2018 freeCodeCamp.org 1.88M subscribers Learn the PHP programming language in this full course / tutorial. The course is designed for new programmers, and will introduce common programming topics using the PHP language. ⭐️Course Contents ⭐️ ⌨️ 1. (0:00) Introduction ⌨️ 2. (1:56) Windows Installation ⌨️ 3. (7:32) Choosing a Text Editor ⌨️ 4. (11:06) Hello World & Setup ⌨️ 5. (20:29) Writing HTML ⌨️ 6. (27:30) Variables ⌨️ 7. (38:09) Data Types ⌨️ 8. (44:27) Working With Strings //////// ⌨️ 9. (54:50) Working With Numbers ⌨️ 10. (1:05:14) Getting User Input ⌨️ 11. (1:15:37) Building a Basic Calculator ⌨️ 12. (1:22:13) Building a Mad Libs Game ⌨️ 13. (1:28:59) URL Parameters ⌨️ 14. (1:35:52) POST vs GET ⌨️ 15. (1:41:44) Arrays ⌨️ 16. (1:50:26) Using Checkboxes ⌨️ 17. (1:57:22) Associative Arrays ⌨️ 18. (2:04:55) Functions ⌨️ 19. (2:12:10) Return Statements ⌨️ 20. (2:19:10) If Statements ⌨️ 21. (2:37:16) If Statements (con't) ⌨️ 22. (2:47:13) Building a Better Calculator ⌨️ 23. (2:56:53) Switch Statements ⌨️ 24. (3:05:09) While Loops ⌨️ 25. (3:15:18) For Loops ⌨️ 26. (3:26:24) Comments ⌨️ 27. (3:31:08) Including HTML ⌨️ 28. (3:36:51) Include: PHP ⌨️ 29. (3:45:57) Classes & Objects ⌨️ 30. (3:56:23) Constructors ⌨️ 31. (4:06:18) Object Functions - PHP - Tutorial 31 ⌨️ 32. (4:13:52) Getters & Setters ⌨️ 33. (4:29:17) Inheritance Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmI... 🐦Follow Mike on Twitter: https://twitter.com/GiraffeAcademy 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_cent... Category Education /////////////////////////////////////////////////// |