-
10 CSS Pro Tips - Code this, NOT that!
Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/
00:00 CSS is too hard (myth)
00:56 1. Learn the box model
02:00 2. Firefox is Amazeballs
02:31 3. Flexbox is Fantastic
03:34 4. Grid is Great
04:23 5. Clamp it Down
05:09 Bonus: Impress your Boss
05:30 6. Aspect Ratio One-Liner
06:01 7. Variables for variables
06:46 8. Fancy Calculations
07:38 9. State Management Counter
08:18 10. Finding focus-within
09:01 Bonus: Treat an Incurable Disease
#css #learntocode #top10
Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
Focus-within CSS dropdown https://fireship.io...
published: 09 Apr 2021
-
Is HTML & CSS Really Enough To Get A Job As A Web Developer?
Zero To Mastery - Junior to Senior Web Developer Roadmap: https://bit.ly/ZTM_Web_Developer_Roadmap
Zero To Mastery - Master the Coding Interview! Data Structures + Algorithms: https://bit.ly/ZTM_Coding_Interview_Prep
Zero To Mastery - Complete React Developer in 2022:
https://bit.ly/ZTM_React_Developer
Receive 10% off at Zero To Mastery by using FRIENDS10 coupon code at checkout!
My Resume & Cover Letter Bundle (https://sowl.co/s/Rfqsd)
Check out Mint Mobile if you’re looking to save money on your cell phone bill https://mintmobile.com/doriandevelops
Join my Discord (https://discord.gg/XckBsDRQxg)
Here are some direct affiliate links for the gear that I use in my home office and gear that I use to make my YouTube videos
_____YouTube Gear_____
Camera Sony FX3 (https://amzn.to/3AXfFG...
published: 25 Apr 2020
-
24+ ESSENTIAL CSS Properties Every Web Developer Should Know
In today's video we'll be taking a look at 24+ essential CSS properties that every web developer should know. A lot of these CSS properties should be known for experienced developers, but even if you have done a bit of CSS before, you might find some of these helpful.
Chapters:
0:00 Intro
0:48 width
0:59 height
1:10 max-width
1:29 margin
1:44 padding
1:57 box-sizing
2:16 font-family
2:31 font-weight
2:49 font-size
3:06 font-style
3:15 text-align
3:26 line-height
3:45 letter-spacing
3:54 user-select
4:13 color
4:31 background-color
4:56 border
5:12 border-radius
5:32 box-shadow
5:49 object-fit
6:04 transition
6:28 cursor
6:43 display
7:08 opacity
7:32 overflow
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/...
published: 09 Aug 2021
-
Stop wasting time when you're learning to code!
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/?utm_source=youtube&utm_campaign=stop+wasting+time&utm_medium=content
💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b
Looking for how to learn to code effectively? Here are some tips on how you can to avoid wasting time when you're learning web development.
0:00 - Intro
0:54 - Don't learn things randomly
1:58 - Focus on one thing at a time
2:30 - Be an active learner, not passive
3:45 - Don't just memorize stuff
4:59 - Build stuff!
LINKS MENTIONED:
Frontend Mentor -- https://www.frontendmentor.io/
Ania Kubów's 12 hr bootcamp -- https://youtu.be/Xm4BObh4MhI
Wes Bos' CSS Grid course -- https://cssgrid.io/
Mozilla Developer ...
published: 12 Oct 2021
-
How Much HTML, CSS, & JavaScript Is Enough? | Realistic Expectations
Book a 1:1 w/ me! - https://topmate.io/realchrissean
Check out the full podcast with Lane Wagner here: https://youtu.be/YPBxQ_7aUTU
Get 25% off your first 3 months at https://boot.dev. Use Discount code: CHRISSEAN
Zero To Mastery Courses I That I Recommend Below:
- Master React.js Here: https://bit.ly/LearnReactNow
- Complete Jr to Sr Web Dev Roadmap: https://bit.ly/Jr2SrRoadMap
- Master FAANG Coding Interviews: https://bit.ly/FAANGPREP
1-on-1 Mentorship: https://calendly.com/chrissean
Chris Sean Talks Podcast: https://spoti.fi/2YuqPEY
TikTok & Twitter: @RealChrisSean
Developer Branded: https://developerbranded.com
Join my discord channel: https://discord.gg/HctAeFh
sponsored by boot.dev
published: 02 Dec 2022
-
CSS in 100 Seconds
Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model influence the appearance of a webpage https://fireship.io/tags/css/
#css #webdev #100SecondsOfCode
The sequel to HTML in 100 Seconds https://youtu.be/ok-plXXHlWw
🔗 Resources
CSS Docs https://developer.mozilla.org/en-US/docs/Web/CSS
Flexbox in 100 Seconds https://youtu.be/K74l26pE4YA
Grid Layout in 100 Seconds https://youtu.be/uuOXPWCh-6o
CSS Animation https://codepen.io/ainalem/pen/oNxXRgW
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What is C...
published: 14 Dec 2021
-
Flutter Layouts for the CSS Developer
Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think https://fireship.io/lessons/flutter-widget-positioning-guide/
- Get the T-Shirt, use promo FLTTR https://teespring.com/stores/fireshipio-swag
- Flutter Layouts https://flutter.io/docs/development/ui/layout
- Flexbox https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
published: 01 Feb 2019
-
How to Start Freelancing | with HTML + CSS
Freelancing with HTML + CSS
Are you trying to learn how to become a freelancer but don't know where to start? The time is now to get into freelancing and in this video I am sharing a few reasons why it is so important to start now ESPECIALLY if you are still learning code. I share a few services that you can offer after learning HTML + CSS to help you gain some side income while you are still building your skillset.
// COME JOIN ME!
Use this link to join my free Coding Facebook group!
https://www.facebook.com/groups/202520887513781
// S U B S C R I B E
https://www.youtube.com/channel/UCVg0fhIL2ZRmNOM76641hQw?view_as=subscriber
New Videos Every Week!
Sub Count: 5428
// F O L L O W
Instagram | @nicole.young
Facebook | https://www.facebook.com/nicole.young.96742
Twitter | @nicoledotyoun...
published: 20 Jan 2021
-
CSS Tutorial for Beginners | Complete CSS with Project, Notes & Code
Notes - https://drive.google.com/drive/folders/1wfNTKinBAV6CCxaI5lfSnnRFAYpy0uEl?usp=share_link
You can join the NEW Web Development batch using the below link.
🔥Delta 3.0(Full Stack Web Development) : https://www.apnacollege.in/course/delta-batch-3
Early bird offer for first 5000 students only!
International Student (payment link) - https://buy.stripe.com/7sI00cdru0tg10saEQ
---------------------------------------------------
📌 Details about the Delta 3.0 Batch :
- Start Date : 7th November, 2023
- Alternate day lectures (at 8PM)
- Duration - 4.5 months
- Each Class duration : 1.5 hour-2hour (alternate days)
- Access to the course is for 2 years
- Complete Frontend Development with HTML, CSS, Javascript & ReactJs
- Complete Backend Development (NodeJs, ExpressJs)
- Complete Databa...
published: 04 Jun 2023
-
7 ways to deal with CSS
Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/
#css #javascript #webdev
🔗 Resources
NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support
CSS Modules https://github.com/css-modules/css-modules
SCSS Docs https://sass-lang.com/documentation
Mantine Library https://mantine.dev/
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
Best ways to write CSS in React
How to use Sass in Next.js
CSS modules tutorial...
published: 15 Feb 2022
9:39
10 CSS Pro Tips - Code this, NOT that!
Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how mo...
Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/
00:00 CSS is too hard (myth)
00:56 1. Learn the box model
02:00 2. Firefox is Amazeballs
02:31 3. Flexbox is Fantastic
03:34 4. Grid is Great
04:23 5. Clamp it Down
05:09 Bonus: Impress your Boss
05:30 6. Aspect Ratio One-Liner
06:01 7. Variables for variables
06:46 8. Fancy Calculations
07:38 9. State Management Counter
08:18 10. Finding focus-within
09:01 Bonus: Treat an Incurable Disease
#css #learntocode #top10
Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
Focus-within CSS dropdown https://fireship.io/snippets/basic-css-dropdown-menu/
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
https://wn.com/10_Css_Pro_Tips_Code_This,_Not_That
Top 10 CSS Pro Tips to make your life as a web developer more productive. Some of the best programmers say CSS is too hard… but you might be surprised at how modern techniques can dramatically improve your code. https://fireship.io/tags/css/
00:00 CSS is too hard (myth)
00:56 1. Learn the box model
02:00 2. Firefox is Amazeballs
02:31 3. Flexbox is Fantastic
03:34 4. Grid is Great
04:23 5. Clamp it Down
05:09 Bonus: Impress your Boss
05:30 6. Aspect Ratio One-Liner
06:01 7. Variables for variables
06:46 8. Fancy Calculations
07:38 9. State Management Counter
08:18 10. Finding focus-within
09:01 Bonus: Treat an Incurable Disease
#css #learntocode #top10
Box Model https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model
Focus-within CSS dropdown https://fireship.io/snippets/basic-css-dropdown-menu/
Install the quiz app 🤓
iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font
- published: 09 Apr 2021
- views: 2027690
12:01
Is HTML & CSS Really Enough To Get A Job As A Web Developer?
Zero To Mastery - Junior to Senior Web Developer Roadmap: https://bit.ly/ZTM_Web_Developer_Roadmap
Zero To Mastery - Master the Coding Interview! Data Structur...
Zero To Mastery - Junior to Senior Web Developer Roadmap: https://bit.ly/ZTM_Web_Developer_Roadmap
Zero To Mastery - Master the Coding Interview! Data Structures + Algorithms: https://bit.ly/ZTM_Coding_Interview_Prep
Zero To Mastery - Complete React Developer in 2022:
https://bit.ly/ZTM_React_Developer
Receive 10% off at Zero To Mastery by using FRIENDS10 coupon code at checkout!
My Resume & Cover Letter Bundle (https://sowl.co/s/Rfqsd)
Check out Mint Mobile if you’re looking to save money on your cell phone bill https://mintmobile.com/doriandevelops
Join my Discord (https://discord.gg/XckBsDRQxg)
Here are some direct affiliate links for the gear that I use in my home office and gear that I use to make my YouTube videos
_____YouTube Gear_____
Camera Sony FX3 (https://amzn.to/3AXfFGM)
Sony GMaster II 16-35mm Lens (https://amzn.to/3onQtpw)
Sony GMaster II 24-70mm Lens (https://amzn.to/3XeCjFT)
Aputure Light Storm LS 300X (https://amzn.to/3MErzLC)
Aputure Light Dome II (https://amzn.to/3wvDQfG)
Rode NTG5 Shotgun mic (https://amzn.to/3onM7OU)
Shure SM7B Microphone (https://amzn.to/3Pzrs5R)
Elgato Key Lights (https://amzn.to/2Y7oxvl)
______Home Office_____
MacBook Pro (https://amzn.to/3PxYxPh)
Monitor (https://amzn.to/39FdoHd)
Secretlab Titan - https://bit.ly/3maIKX6
Keyboard (https://amzn.to/3MvY4Lz)
Mouse (https://amzn.to/3yTLO3T)
Beat Studio Buds (https://amzn.to/3Lu5YUz)
Noise Canceling Headphones (https://amzn.to/2EOKB4e)
Standing Desk Base (https://amzn.to/38FJz9x)
Rest of the gear I use that you can buy on my Amazon store: https://www.amazon.com/shop/doriandevelops
https://wn.com/Is_Html_Css_Really_Enough_To_Get_A_Job_As_A_Web_Developer
Zero To Mastery - Junior to Senior Web Developer Roadmap: https://bit.ly/ZTM_Web_Developer_Roadmap
Zero To Mastery - Master the Coding Interview! Data Structures + Algorithms: https://bit.ly/ZTM_Coding_Interview_Prep
Zero To Mastery - Complete React Developer in 2022:
https://bit.ly/ZTM_React_Developer
Receive 10% off at Zero To Mastery by using FRIENDS10 coupon code at checkout!
My Resume & Cover Letter Bundle (https://sowl.co/s/Rfqsd)
Check out Mint Mobile if you’re looking to save money on your cell phone bill https://mintmobile.com/doriandevelops
Join my Discord (https://discord.gg/XckBsDRQxg)
Here are some direct affiliate links for the gear that I use in my home office and gear that I use to make my YouTube videos
_____YouTube Gear_____
Camera Sony FX3 (https://amzn.to/3AXfFGM)
Sony GMaster II 16-35mm Lens (https://amzn.to/3onQtpw)
Sony GMaster II 24-70mm Lens (https://amzn.to/3XeCjFT)
Aputure Light Storm LS 300X (https://amzn.to/3MErzLC)
Aputure Light Dome II (https://amzn.to/3wvDQfG)
Rode NTG5 Shotgun mic (https://amzn.to/3onM7OU)
Shure SM7B Microphone (https://amzn.to/3Pzrs5R)
Elgato Key Lights (https://amzn.to/2Y7oxvl)
______Home Office_____
MacBook Pro (https://amzn.to/3PxYxPh)
Monitor (https://amzn.to/39FdoHd)
Secretlab Titan - https://bit.ly/3maIKX6
Keyboard (https://amzn.to/3MvY4Lz)
Mouse (https://amzn.to/3yTLO3T)
Beat Studio Buds (https://amzn.to/3Lu5YUz)
Noise Canceling Headphones (https://amzn.to/2EOKB4e)
Standing Desk Base (https://amzn.to/38FJz9x)
Rest of the gear I use that you can buy on my Amazon store: https://www.amazon.com/shop/doriandevelops
- published: 25 Apr 2020
- views: 51826
8:13
24+ ESSENTIAL CSS Properties Every Web Developer Should Know
In today's video we'll be taking a look at 24+ essential CSS properties that every web developer should know. A lot of these CSS properties should be known for ...
In today's video we'll be taking a look at 24+ essential CSS properties that every web developer should know. A lot of these CSS properties should be known for experienced developers, but even if you have done a bit of CSS before, you might find some of these helpful.
Chapters:
0:00 Intro
0:48 width
0:59 height
1:10 max-width
1:29 margin
1:44 padding
1:57 box-sizing
2:16 font-family
2:31 font-weight
2:49 font-size
3:06 font-style
3:15 text-align
3:26 line-height
3:45 letter-spacing
3:54 user-select
4:13 color
4:31 background-color
4:56 border
5:12 border-radius
5:32 box-shadow
5:49 object-fit
6:04 transition
6:28 cursor
6:43 display
7:08 opacity
7:32 overflow
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - https://twitter.com/dcodeyt
💸 Support me on Patreon - https://www.patreon.com/dcode
📰 Follow me on DEV Community - https://dev.to/dcodeyt
📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #html #css
https://wn.com/24_Essential_Css_Properties_Every_Web_Developer_Should_Know
In today's video we'll be taking a look at 24+ essential CSS properties that every web developer should know. A lot of these CSS properties should be known for experienced developers, but even if you have done a bit of CSS before, you might find some of these helpful.
Chapters:
0:00 Intro
0:48 width
0:59 height
1:10 max-width
1:29 margin
1:44 padding
1:57 box-sizing
2:16 font-family
2:31 font-weight
2:49 font-size
3:06 font-style
3:15 text-align
3:26 line-height
3:45 letter-spacing
3:54 user-select
4:13 color
4:31 background-color
4:56 border
5:12 border-radius
5:32 box-shadow
5:49 object-fit
6:04 transition
6:28 cursor
6:43 display
7:08 opacity
7:32 overflow
🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - https://twitter.com/dcodeyt
💸 Support me on Patreon - https://www.patreon.com/dcode
📰 Follow me on DEV Community - https://dev.to/dcodeyt
📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #html #css
- published: 09 Aug 2021
- views: 40069
6:56
Stop wasting time when you're learning to code!
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/?utm_source=youtube&utm_campaign=stop+wasting+time&utm_medium=content
💻 Become...
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/?utm_source=youtube&utm_campaign=stop+wasting+time&utm_medium=content
💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b
Looking for how to learn to code effectively? Here are some tips on how you can to avoid wasting time when you're learning web development.
0:00 - Intro
0:54 - Don't learn things randomly
1:58 - Focus on one thing at a time
2:30 - Be an active learner, not passive
3:45 - Don't just memorize stuff
4:59 - Build stuff!
LINKS MENTIONED:
Frontend Mentor -- https://www.frontendmentor.io/
Ania Kubów's 12 hr bootcamp -- https://youtu.be/Xm4BObh4MhI
Wes Bos' CSS Grid course -- https://cssgrid.io/
Mozilla Developer Network -- https://developer.mozilla.org/en-US/docs/Learn
CSS Tricks -- https://css-tricks.com/
JavaScript project ideas -- https://duckduckgo.com/?q=javascript+project+ideas
React project ideas -- https://duckduckgo.com/?q=react+project+ideas&t=ffab
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard, Vissles V84 -- https://vissles.com/?ref=mu96kxst5w -- 🔥 get 10% off with code THECODERCODER --
💻 Other gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books -- https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- https://coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder
#webdevelopment #coding #programming
https://wn.com/Stop_Wasting_Time_When_You're_Learning_To_Code
🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/?utm_source=youtube&utm_campaign=stop+wasting+time&utm_medium=content
💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b
Looking for how to learn to code effectively? Here are some tips on how you can to avoid wasting time when you're learning web development.
0:00 - Intro
0:54 - Don't learn things randomly
1:58 - Focus on one thing at a time
2:30 - Be an active learner, not passive
3:45 - Don't just memorize stuff
4:59 - Build stuff!
LINKS MENTIONED:
Frontend Mentor -- https://www.frontendmentor.io/
Ania Kubów's 12 hr bootcamp -- https://youtu.be/Xm4BObh4MhI
Wes Bos' CSS Grid course -- https://cssgrid.io/
Mozilla Developer Network -- https://developer.mozilla.org/en-US/docs/Learn
CSS Tricks -- https://css-tricks.com/
JavaScript project ideas -- https://duckduckgo.com/?q=javascript+project+ideas
React project ideas -- https://duckduckgo.com/?q=react+project+ideas&t=ffab
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard, Vissles V84 -- https://vissles.com/?ref=mu96kxst5w -- 🔥 get 10% off with code THECODERCODER --
💻 Other gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books -- https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- https://coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder
#webdevelopment #coding #programming
- published: 12 Oct 2021
- views: 1843062
11:00
How Much HTML, CSS, & JavaScript Is Enough? | Realistic Expectations
Book a 1:1 w/ me! - https://topmate.io/realchrissean
Check out the full podcast with Lane Wagner here: https://youtu.be/YPBxQ_7aUTU
Get 25% off your first 3 m...
Book a 1:1 w/ me! - https://topmate.io/realchrissean
Check out the full podcast with Lane Wagner here: https://youtu.be/YPBxQ_7aUTU
Get 25% off your first 3 months at https://boot.dev. Use Discount code: CHRISSEAN
Zero To Mastery Courses I That I Recommend Below:
- Master React.js Here: https://bit.ly/LearnReactNow
- Complete Jr to Sr Web Dev Roadmap: https://bit.ly/Jr2SrRoadMap
- Master FAANG Coding Interviews: https://bit.ly/FAANGPREP
1-on-1 Mentorship: https://calendly.com/chrissean
Chris Sean Talks Podcast: https://spoti.fi/2YuqPEY
TikTok & Twitter: @RealChrisSean
Developer Branded: https://developerbranded.com
Join my discord channel: https://discord.gg/HctAeFh
sponsored by boot.dev
https://wn.com/How_Much_Html,_Css,_Javascript_Is_Enough_|_Realistic_Expectations
Book a 1:1 w/ me! - https://topmate.io/realchrissean
Check out the full podcast with Lane Wagner here: https://youtu.be/YPBxQ_7aUTU
Get 25% off your first 3 months at https://boot.dev. Use Discount code: CHRISSEAN
Zero To Mastery Courses I That I Recommend Below:
- Master React.js Here: https://bit.ly/LearnReactNow
- Complete Jr to Sr Web Dev Roadmap: https://bit.ly/Jr2SrRoadMap
- Master FAANG Coding Interviews: https://bit.ly/FAANGPREP
1-on-1 Mentorship: https://calendly.com/chrissean
Chris Sean Talks Podcast: https://spoti.fi/2YuqPEY
TikTok & Twitter: @RealChrisSean
Developer Branded: https://developerbranded.com
Join my discord channel: https://discord.gg/HctAeFh
sponsored by boot.dev
- published: 02 Dec 2022
- views: 793463
2:20
CSS in 100 Seconds
Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model...
Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model influence the appearance of a webpage https://fireship.io/tags/css/
#css #webdev #100SecondsOfCode
The sequel to HTML in 100 Seconds https://youtu.be/ok-plXXHlWw
🔗 Resources
CSS Docs https://developer.mozilla.org/en-US/docs/Web/CSS
Flexbox in 100 Seconds https://youtu.be/K74l26pE4YA
Grid Layout in 100 Seconds https://youtu.be/uuOXPWCh-6o
CSS Animation https://codepen.io/ainalem/pen/oNxXRgW
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What is CSS?
- How does CSS cascade?
- What is specificity in CSS?
- CSS Box Model explained
- CSS for absolute beginners
- What is CSS used for?
- When was CSS3 created?
- Will there be a CSS4?
https://wn.com/Css_In_100_Seconds
Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model influence the appearance of a webpage https://fireship.io/tags/css/
#css #webdev #100SecondsOfCode
The sequel to HTML in 100 Seconds https://youtu.be/ok-plXXHlWw
🔗 Resources
CSS Docs https://developer.mozilla.org/en-US/docs/Web/CSS
Flexbox in 100 Seconds https://youtu.be/K74l26pE4YA
Grid Layout in 100 Seconds https://youtu.be/uuOXPWCh-6o
CSS Animation https://codepen.io/ainalem/pen/oNxXRgW
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- What is CSS?
- How does CSS cascade?
- What is specificity in CSS?
- CSS Box Model explained
- CSS for absolute beginners
- What is CSS used for?
- When was CSS3 created?
- Will there be a CSS4?
- published: 14 Dec 2021
- views: 489991
10:24
Flutter Layouts for the CSS Developer
Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think https://fireship.i...
Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think https://fireship.io/lessons/flutter-widget-positioning-guide/
- Get the T-Shirt, use promo FLTTR https://teespring.com/stores/fireshipio-swag
- Flutter Layouts https://flutter.io/docs/development/ui/layout
- Flexbox https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
https://wn.com/Flutter_Layouts_For_The_Css_Developer
Learn how to align, position, and build layouts in Flutter with comparisons to CSS flexbox 💪📦 - they have more in common than you might think https://fireship.io/lessons/flutter-widget-positioning-guide/
- Get the T-Shirt, use promo FLTTR https://teespring.com/stores/fireshipio-swag
- Flutter Layouts https://flutter.io/docs/development/ui/layout
- Flexbox https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
- published: 01 Feb 2019
- views: 69149
9:29
How to Start Freelancing | with HTML + CSS
Freelancing with HTML + CSS
Are you trying to learn how to become a freelancer but don't know where to start? The time is now to get into freelancing and in th...
Freelancing with HTML + CSS
Are you trying to learn how to become a freelancer but don't know where to start? The time is now to get into freelancing and in this video I am sharing a few reasons why it is so important to start now ESPECIALLY if you are still learning code. I share a few services that you can offer after learning HTML + CSS to help you gain some side income while you are still building your skillset.
// COME JOIN ME!
Use this link to join my free Coding Facebook group!
https://www.facebook.com/groups/202520887513781
// S U B S C R I B E
https://www.youtube.com/channel/UCVg0fhIL2ZRmNOM76641hQw?view_as=subscriber
New Videos Every Week!
Sub Count: 5428
// F O L L O W
Instagram | @nicole.young
Facebook | https://www.facebook.com/nicole.young.96742
Twitter | @nicoledotyoung
//YOU’LL LOVE THESE VIDEOS TOO
HOW TO LAND YOUR FIRST FREELANCE CLIENT || https://youtu.be/DCaOMhG_Sss
5 REASONS TO LEARN CODE THIS YEAR || https://youtu.be/vCMaTVWyd3E
FIGHTING IMPOSTER SYNDROME ||https://youtu.be/j23v90AHYow
This video is about web development, remote jobs 2021, web developer freelance, how to start freelancing with no experience, can I get a job with html and css, learn html, learn html and css, work from home jobs, start freelancing, start freelancing web development, work from home 2021, women in technology, blacks in tech, freelancing with html and css, how to become a freelancer for beginners, start freelancing with html, how to start freelancing with html and css, how to start freelancing, remote jobs 2021
//NICOLE
Hey Fam! I'm Nicole! I am on a journey to becoming a self-taught Front End Developer. I started this channel to show that learning to code is possible for anyone and to encourage more women and people of color to start learning hard skills like coding and get into tech! On this channel you will find my stories of being a black woman navigating the tech industry, starting my own tech freelance business and learning new coding skills. I will be sharing all of the systems, strategies and resources that I am using to grow and a developer and freelancer. I would love for you to join me!
https://wn.com/How_To_Start_Freelancing_|_With_Html_Css
Freelancing with HTML + CSS
Are you trying to learn how to become a freelancer but don't know where to start? The time is now to get into freelancing and in this video I am sharing a few reasons why it is so important to start now ESPECIALLY if you are still learning code. I share a few services that you can offer after learning HTML + CSS to help you gain some side income while you are still building your skillset.
// COME JOIN ME!
Use this link to join my free Coding Facebook group!
https://www.facebook.com/groups/202520887513781
// S U B S C R I B E
https://www.youtube.com/channel/UCVg0fhIL2ZRmNOM76641hQw?view_as=subscriber
New Videos Every Week!
Sub Count: 5428
// F O L L O W
Instagram | @nicole.young
Facebook | https://www.facebook.com/nicole.young.96742
Twitter | @nicoledotyoung
//YOU’LL LOVE THESE VIDEOS TOO
HOW TO LAND YOUR FIRST FREELANCE CLIENT || https://youtu.be/DCaOMhG_Sss
5 REASONS TO LEARN CODE THIS YEAR || https://youtu.be/vCMaTVWyd3E
FIGHTING IMPOSTER SYNDROME ||https://youtu.be/j23v90AHYow
This video is about web development, remote jobs 2021, web developer freelance, how to start freelancing with no experience, can I get a job with html and css, learn html, learn html and css, work from home jobs, start freelancing, start freelancing web development, work from home 2021, women in technology, blacks in tech, freelancing with html and css, how to become a freelancer for beginners, start freelancing with html, how to start freelancing with html and css, how to start freelancing, remote jobs 2021
//NICOLE
Hey Fam! I'm Nicole! I am on a journey to becoming a self-taught Front End Developer. I started this channel to show that learning to code is possible for anyone and to encourage more women and people of color to start learning hard skills like coding and get into tech! On this channel you will find my stories of being a black woman navigating the tech industry, starting my own tech freelance business and learning new coding skills. I will be sharing all of the systems, strategies and resources that I am using to grow and a developer and freelancer. I would love for you to join me!
- published: 20 Jan 2021
- views: 434126
7:18:24
CSS Tutorial for Beginners | Complete CSS with Project, Notes & Code
Notes - https://drive.google.com/drive/folders/1wfNTKinBAV6CCxaI5lfSnnRFAYpy0uEl?usp=share_link
You can join the NEW Web Development batch using the below lin...
Notes - https://drive.google.com/drive/folders/1wfNTKinBAV6CCxaI5lfSnnRFAYpy0uEl?usp=share_link
You can join the NEW Web Development batch using the below link.
🔥Delta 3.0(Full Stack Web Development) : https://www.apnacollege.in/course/delta-batch-3
Early bird offer for first 5000 students only!
International Student (payment link) - https://buy.stripe.com/7sI00cdru0tg10saEQ
---------------------------------------------------
📌 Details about the Delta 3.0 Batch :
- Start Date : 7th November, 2023
- Alternate day lectures (at 8PM)
- Duration - 4.5 months
- Each Class duration : 1.5 hour-2hour (alternate days)
- Access to the course is for 2 years
- Complete Frontend Development with HTML, CSS, Javascript & ReactJs
- Complete Backend Development (NodeJs, ExpressJs)
- Complete Database -( SQL & MongoDB)
- Complete MERN Stack (MongoDB, Express, React, Node)
- Real Life and Industry Grade Projects
- Live Mentorship Sessions
- 500+Topic Videos
- Certificate will be given on Completion.
https://wn.com/Css_Tutorial_For_Beginners_|_Complete_Css_With_Project,_Notes_Code
Notes - https://drive.google.com/drive/folders/1wfNTKinBAV6CCxaI5lfSnnRFAYpy0uEl?usp=share_link
You can join the NEW Web Development batch using the below link.
🔥Delta 3.0(Full Stack Web Development) : https://www.apnacollege.in/course/delta-batch-3
Early bird offer for first 5000 students only!
International Student (payment link) - https://buy.stripe.com/7sI00cdru0tg10saEQ
---------------------------------------------------
📌 Details about the Delta 3.0 Batch :
- Start Date : 7th November, 2023
- Alternate day lectures (at 8PM)
- Duration - 4.5 months
- Each Class duration : 1.5 hour-2hour (alternate days)
- Access to the course is for 2 years
- Complete Frontend Development with HTML, CSS, Javascript & ReactJs
- Complete Backend Development (NodeJs, ExpressJs)
- Complete Database -( SQL & MongoDB)
- Complete MERN Stack (MongoDB, Express, React, Node)
- Real Life and Industry Grade Projects
- Live Mentorship Sessions
- 500+Topic Videos
- Certificate will be given on Completion.
- published: 04 Jun 2023
- views: 4776321
6:23
7 ways to deal with CSS
Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, comp...
Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/
#css #javascript #webdev
🔗 Resources
NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support
CSS Modules https://github.com/css-modules/css-modules
SCSS Docs https://sass-lang.com/documentation
Mantine Library https://mantine.dev/
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
Best ways to write CSS in React
How to use Sass in Next.js
CSS modules tutorial
How to use CSS-in-JS
How to use Tailwind in Next.js
How to use Bootstrap in Next.js
Best component libraries for react
https://wn.com/7_Ways_To_Deal_With_Css
Top 7 ways to write CSS code in a React or Next.js app. Learn the tradeoffs between different tools like CSS modules, CSS-in-JS, Sass, Tailwind, Bootstrap, component libraries, and more. https://fireship.io/courses/react-next-firebase/
#css #javascript #webdev
🔗 Resources
NextJS CSS docs https://nextjs.org/docs/basic-features/built-in-css-support
CSS Modules https://github.com/css-modules/css-modules
SCSS Docs https://sass-lang.com/documentation
Mantine Library https://mantine.dev/
🔥 Get More Content - Upgrade to PRO
Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
Best ways to write CSS in React
How to use Sass in Next.js
CSS modules tutorial
How to use CSS-in-JS
How to use Tailwind in Next.js
How to use Bootstrap in Next.js
Best component libraries for react
- published: 15 Feb 2022
- views: 1065742