Dope Tech Episode 2

>> <<@millomweb says : 2:35 "We could add code around each individual text element " Yes, if you want to have each of them different. Then you go on to mention CSS - WHY ? Why not put the 'code' around the block of text you want to format - like normal people do ?>> <<@PaPaTheGMan1215 says : Awesome video. I learned a ton. Just the right amount of appetizer to send me off to find a main course! And so, the trek into the rabbit hole begins!>> <<@waynebickell1793 says : I gave up using a homepage ages ago and these days just update our business info on our blog and F*ceb**k.>> <<@joble8545 says : Hey Chris, I love your informative and entertaining videos :) I have a suggestion for another topic you could adress. How about a video covering: DIFFERENT WAYS TO CONNECT PC'S (SSH, FTP, Telnet and so on) Maybe sort them by their capabilities? You know best how to explain so that people understand and remember Looking foreward to your next upload :)>> <<@mr.techie8565 says : Chris, I can't thank you enough for this wonderful, educational, and inspirational content. You have had a great impact on my life, and have educated me on computing. I just want to take time to say thank you for all you do. Thank you for your time and commitment to creating this YouTube channel. I think your content would be awesome for remote learning settings, because it is truly educational, and so awesome. I believe that you deserve millions of subscribers, because your content is so amazing. I think that learning HTML and CSS is a very useful skill and will help lots of people. Also, I think you should consider making a programming series for kids - I think you would be a very great person to do that. Thank you so much for all that you do, it is truly amazing. Bob _"I can do all things through him who strengthens me." - Philippians 4:13_>> <<@TheAnkMan says : Nice video! Although the attributes were used correctly it should be mentioned that the American English attributes must be applied. So it's "color" instead of the British "colour". Back in the late 90s I was biting me a hair out using "grey" to define a colo(u)r uin a HTML document, as I learned British English at school. That always turned out to be black (undefined keyword) until I realized the American "gray" must be used. I think today "grey" and "gray" are equally valid though. But not "colour" versus "color".>> <<@haxxy40 says : 5:44 It's 255. Counting starts from 0>> <<@whoshotdk says : Some notes from a web developer since 90's'. I'd be happy to hear any corrections; everyday is a schoolday! NEVER use a CENTER tag. It's deprecated since HTML4. Use style 'text-align: center;' instead. REMs are better than EM's as they don't cascade down through elements; they are not relative to their parent element, but are absolute like pixels. You don't need to be too specific with your CSS selectors; i.e 'a.list' could just be '.list' unless you are adding the 'list' class to different element types and you'd like to be specific. The less specific you can be with your CSS selectors, the faster the site will load. Try to avoid the 'float' property - sooner or later it's a pain in the end. My advice would be to learn flexbox and grid; it's not that difficult once you've got the basics down. Use semantic tags (article, section, header, footer) rather than just a load of DIVs. Not only does it make your code easier to read, its great for SEO too. DIV soup should be consigned to pre-2010 where it belongs. Having said all that, this isn't a *bad* video at all - it definitely serves as an introduction. However, if you're looking to learn HTML/CSS, you should probably learn from a source that is more knowledgeable, tailored and up to date than this.>> <<@surjeetkumarsurjeetkumar9829 says : Beautiful chairs>> <<@florabee9283 says : Thank you so much for de-mystifying css! Exactly the right amount of code:result examples to demonstrate clearly the use of cascading style sheets without being too involved and risking an “attention balk” by this viewer. Great job!>> <<@earlsjrcomputer5208 says : Do you have tutorial modern creating web page>> <<@encycl07pedia- says : Just a slightly-advanced solution: Instead of copy/pasting the font-family, you can use h2,p{font-family: Arial, Helvetica, sans-serif;} h2{color: #F00;} "Web safe" hex values can be used in 3 chars instead of 6. It's not necessary to end the last property/value pair with a semi-colon but it can help you remember to properly terminate. It's a bit faster/more efficient than the video example, but the video example is good in that it separates styling per each element. ~~~ I'm not positive, but I think in HTML 5 they discourage using divs and encourage using things like

,
,
, etc. based on what they contain. Divs still won't break your page. a:link, a:visited, and a:active are the standard pseudo-classes for links.>> <<@Frybyte says : I actually despise CSS it has made web-browsing incredibly boring the unity of one page to another has rendered different ideas comparable and has basically turned pages and pages of content indistinguishable from any other it's dull it's repetitive and it seems like an editor of NYtimes got ahold of an idea to make everything damn thing resemble NYTimes and that's a really bad idea. It's not that you don't explain all the benefits it's that I don't agree that these are benefits at all.>> <<@SidisterX says : Good quick way to tinker is get Chrome, Right click any web page, and click "Inspect" ... You'll see a side window pop up, and you can see the code. You can even change the code as well, and play pranks on your friends with winning lottery numbers, that look like the real webpage, and real domain. Programming is very fun.>>

<<@MissingProYT69 says : Gosh darn it, if this tutorial didn't exist I would be cooked in coding class.>> <<@Praxibetel-Ix says : Commented on the wrong video! 🤦‍♀>> <<@mihailvormittag6211 says : 👍>> <<@ctje1638 says : Chris, I once visited a website that had 4 divisions, and allowed you to move the borders using the mouse. How would I implement that? Edit: I looked at the websites ID for keywords to google, and found out that these were "frames" fascinating.>> <<@Josiah.Loner7 says : Thanks Mr. Charles though u are too first and then some work is covered by the moving text that appears on the screen as you are talking>> <<@badisheffey4550 says : Great video Mr. EC!! Thank you!!>> <<@patuxolomgxaji5794 says : Please!! More videos for JavaScript and java and I can pay if needs be>> <<@KalebTheKanMan says : cssssss>> <<@KalebTheKanMan says : i think vsc is the best>> <<@treyquattro says : excellent tutorial, this and the HTML intro too. ExplainingComputers makes everything so, well, EC. Excellent Communication>> <<@yash1152 says : 14:55 yeah, the foll part is the thing that i never have got around to learn, but hopefully will now>> <<@yash1152 says : 3:41 oh, so curly bracket = brace, small bracket = parenthesis, what's big/square brackets called then?>> <<@1George2 says : Great looking 90s style website…>> <<@StefanGrace says : What % do you have Windows DPI scaling set to?>> <<@StoryOfDrT says : Thank you for another fantastic tutorial. Living the 1995 dream of having my own website experiment on a floppy disk.>> <<@rgbii2 says : Hate to be that guy, but hex FF is 255, not 256. A byte can hold 256 values, but it's from 0 - 255. Unless CSS does something weird using a range of 1-256.>> <<@matth.imaging8952 says : Is there a way to include the menu inside every html page (so not putting the html code inside every page, but getting it from outside, like an external CSS), other then using a server side include (SSI) ?>> <<@Antonio-fl3nr says : I know CSS since around I was 15, back in the day when CSS3 didn't exist. I'ts been a long way. For some reason, seeing Mr Scissors webpage killed me.>> <<@DJgregBrown says : I use Bluefish on Linux. Great for anything web based.>> <<@Alexanderrayman says : Great introductory tutorial! 👍🏻>> <<@denny71730 says : Thanks!>> <<@mattsullivan6860 says : Welcome to one of my tasks in the mid-1980's>> <<@SB-qm5wg says : CSS badly needs variables, logic, and loops>> <<@xtreamlearner434 says : Well i love to work on dark themes most of the time. Whats is your opinion 🤔>> <<@the_shield_wall says : That's what the text app must be on a Chromebook, to edit hdml. I can relate to the div bit, because I'm a div.>> <<@sirnigelthornberry2922 says : And now I want to learn CSS..>> <<@amirmukhlis4936 says : Nice video>> <<@it-tech-michael says : Would like to know CSS when I was creating basic website of my class in elementary school, 20y ago. I used "borrowed" frames layout to make constant sidebar and logo, but I could use CSS. Well, today you can learn anything easy way instead of reading thick books.>> <<@phreakwars says : Normally love your videos Chris, but this one kind of missed the mark IMHO when it comes to doing .CSS Not your fault really, I blame the complexity of a simplistic system like HTML. Throw in some PHP and show how it all comes together. Easier said than done. CSS intro takes a refresher to the HTML intro so viewers can understand what you are trying to explain. If I wasn't already a 30+ year seasoned vet in HTML/CSS/PHP/etc, I'd be confused by this video.>> <<@WPGinfo says : Hi Chris, As an experienced website builder I can say you presented a very useful and comprehensive 'starterkit' of the basic concepts. Despite the fact that many sites these days make use of tools such as CMS-es e.g. Wordpress, elementor, 'theme-based'-sitebuilders, php, js etc., there is still a role for HTML & CSS in these 'modern websites'. I am sure this is a very useful video for all those that dipping their toes into building websites.>> <<@bhekuwenza says : very therapeutic, thank you>> <<@millomweb says : Better still, generally don't format your web pages. I don't - that way the viewer controls the appearance of the page - such as font colour, background colour etc. This benefits the visually impaired.>> <<@millomweb says : Separate style sheets - not necessary - just use a text editor to go through your website files and replace with and you get the same effect without losing the simplicity of simple html. Or do likewise and just apply it to a section of your website - you can't do that by simply editing a style sheet - you still need to edit all affected pages with a new style sheet name having created that ! You are not selling CSS to me :) I just love how easy html is. Generally quite intuitive too.>> <<@millomweb says : 5:20 I don't use header tags. Just use to set the styling I want for the header. It's just as effective and simpler.>> <<@millomweb says : 4:30 That's a long-winded complex way of putting before the first paragraph and ending the formatting after the last paragraph with Which is a LOT simpler and MUCH EASIER to understand.>> <<@millomweb says : "Closing paragraph tag" - why isn't there a
tag to match ? Hence, I don't use 'closing paragraph tags' :) I just start new paragraphs with
>> <<@millomweb says : 2:35 "We could add code around each individual text element " Yes, if you want to have each of them different. Then you go on to mention CSS - WHY ? Why not put the 'code' around the block of text you want to format - like normal people do ?>> <<@PaPaTheGMan1215 says : Awesome video. I learned a ton. Just the right amount of appetizer to send me off to find a main course! And so, the trek into the rabbit hole begins!>> <<@waynebickell1793 says : I gave up using a homepage ages ago and these days just update our business info on our blog and F*ceb**k.>> <<@joble8545 says : Hey Chris, I love your informative and entertaining videos :) I have a suggestion for another topic you could adress. How about a video covering: DIFFERENT WAYS TO CONNECT PC'S (SSH, FTP, Telnet and so on) Maybe sort them by their capabilities? You know best how to explain so that people understand and remember Looking foreward to your next upload :)>> <<@mr.techie8565 says : Chris, I can't thank you enough for this wonderful, educational, and inspirational content. You have had a great impact on my life, and have educated me on computing. I just want to take time to say thank you for all you do. Thank you for your time and commitment to creating this YouTube channel. I think your content would be awesome for remote learning settings, because it is truly educational, and so awesome. I believe that you deserve millions of subscribers, because your content is so amazing. I think that learning HTML and CSS is a very useful skill and will help lots of people. Also, I think you should consider making a programming series for kids - I think you would be a very great person to do that. Thank you so much for all that you do, it is truly amazing. Bob _"I can do all things through him who strengthens me." - Philippians 4:13_>> <<@TheAnkMan says : Nice video! Although the attributes were used correctly it should be mentioned that the American English attributes must be applied. So it's "color" instead of the British "colour". Back in the late 90s I was biting me a hair out using "grey" to define a colo(u)r uin a HTML document, as I learned British English at school. That always turned out to be black (undefined keyword) until I realized the American "gray" must be used. I think today "grey" and "gray" are equally valid though. But not "colour" versus "color".>> <<@haxxy40 says : 5:44 It's 255. Counting starts from 0>> <<@whoshotdk says : Some notes from a web developer since 90's'. I'd be happy to hear any corrections; everyday is a schoolday! NEVER use a CENTER tag. It's deprecated since HTML4. Use style 'text-align: center;' instead. REMs are better than EM's as they don't cascade down through elements; they are not relative to their parent element, but are absolute like pixels. You don't need to be too specific with your CSS selectors; i.e 'a.list' could just be '.list' unless you are adding the 'list' class to different element types and you'd like to be specific. The less specific you can be with your CSS selectors, the faster the site will load. Try to avoid the 'float' property - sooner or later it's a pain in the end. My advice would be to learn flexbox and grid; it's not that difficult once you've got the basics down. Use semantic tags (article, section, header, footer) rather than just a load of DIVs. Not only does it make your code easier to read, its great for SEO too. DIV soup should be consigned to pre-2010 where it belongs. Having said all that, this isn't a *bad* video at all - it definitely serves as an introduction. However, if you're looking to learn HTML/CSS, you should probably learn from a source that is more knowledgeable, tailored and up to date than this.>> <<@surjeetkumarsurjeetkumar9829 says : Beautiful chairs>> <<@florabee9283 says : Thank you so much for de-mystifying css! Exactly the right amount of code:result examples to demonstrate clearly the use of cascading style sheets without being too involved and risking an “attention balk” by this viewer. Great job!>> <<@earlsjrcomputer5208 says : Do you have tutorial modern creating web page>> <<@encycl07pedia- says : Just a slightly-advanced solution: Instead of copy/pasting the font-family, you can use h2,p{font-family: Arial, Helvetica, sans-serif;} h2{color: #F00;} "Web safe" hex values can be used in 3 chars instead of 6. It's not necessary to end the last property/value pair with a semi-colon but it can help you remember to properly terminate. It's a bit faster/more efficient than the video example, but the video example is good in that it separates styling per each element. ~~~ I'm not positive, but I think in HTML 5 they discourage using divs and encourage using things like
,
,
, etc. based on what they contain. Divs still won't break your page. a:link, a:visited, and a:active are the standard pseudo-classes for links.>> <<@Frybyte says : I actually despise CSS it has made web-browsing incredibly boring the unity of one page to another has rendered different ideas comparable and has basically turned pages and pages of content indistinguishable from any other it's dull it's repetitive and it seems like an editor of NYtimes got ahold of an idea to make everything damn thing resemble NYTimes and that's a really bad idea. It's not that you don't explain all the benefits it's that I don't agree that these are benefits at all.>> <<@SidisterX says : Good quick way to tinker is get Chrome, Right click any web page, and click "Inspect" ... You'll see a side window pop up, and you can see the code. You can even change the code as well, and play pranks on your friends with winning lottery numbers, that look like the real webpage, and real domain. Programming is very fun.>>