Useful Broken Images: CSS Tutorial (Day 5 of CSS3 in 30 Days)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=0Vkdn_dlvZE


Counter-Strike: Source
Game:
Counter-Strike: Source (2004)
Duration: 7:25
20,685 views
496

Whether it's a typo in the img tag source, or the image itself was misplaced or removed on the server - images break all the time on the web. The problem is, the browsers default way to display a broken image is really ugly. You can fix that and actually use it as an opportunity to enhance the user's experience on your web pages with CSS! That's what you will learn about in this lesson.

⭐️Files you need ⭐️
💻Useful Broken Images Code: https://www.dropbox.com/sh/1pceu4wvrzadsgg/AACHHW3sJMJrcCI5B5eazAnga?dl=0
💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0

This video works as a stand-alone tutorial but is also day 5 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU

CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-09-19How do computers and the internet work? - Computer Science Basics
2018-09-19How not to become a senior developer (and what to do instead)
2018-09-188-Bit Mario: CSS Tutorial (Day 8 of CSS3 in 30 Days)
2018-09-18HTML Full Course - Build a Website Tutorial
2018-09-18Web Workers, Service Workers, and PWAs
2018-09-17Image Manipulation: CSS Tutorial (Day 7 of CSS3 in 30 Days)
2018-09-17Live React Coding Part 4 (P5D97) - Live Coding with Jesse
2018-09-17React Component Lifecycle - Hooks / Methods Explained
2018-09-17How to Build Relationships in the Tech Community
2018-09-16Print Styles: CSS Tutorial (Day 6 of CSS3 in 30 Days)
2018-09-15Useful Broken Images: CSS Tutorial (Day 5 of CSS3 in 30 Days)
2018-09-14Sexy Registration Form: CSS Tutorial (Day 4 of CSS3 in 30 Days)
2018-09-14Deep Learning for Developers
2018-09-13Alexa Coding Quiz for JavaScript, CSS, and Computer Science
2018-09-13Clipping Images: CSS Tutorial (Day 3 of CSS3 in 30 Days)
2018-09-13MongoDB Full Tutorial w/ Node.js, Express, & Mongoose
2018-09-13A Beginner's Guide to WebSockets
2018-09-12Sexy Typography: CSS Tutorial (Day 2 of CSS3 in 30 Days)
2018-09-12Intro to Web Design
2018-09-11Create A Twitter Bot With Python
2018-09-11Style Fancy Buttons: CSS Tutorial (Day 1 of CSS3 in 30 Days)


Tags:
css
css tutorial
css course
css tutorial for beginners
css3
text effects
typography
css3 tutorial
css3 in 30 days
style buttons
style buttons css
learn css


Other Statistics

Counter-Strike: Source Statistics For freeCodeCamp.org

At present, freeCodeCamp.org has 1,991,301 views spread across 11 videos for Counter-Strike: Source, accounting for over 1 day of watchable video on his channel. This makes up less than 0.58% of the total overall content for Counter-Strike: Source on freeCodeCamp.org's YouTube channel.