J4502 Extra credit #3
Back at the beginning of class I used this HTML basics pdf a lot just to get the basic language down and also to better grasp the really remedial concepts (like nested tags and what the basic HTML elements were) as we started to do projects. I’m sure there are lots of similar cheat sheet type documents out there but this is one of the first I found and it was really useful to have at the start of this class. I thought the “this code” and “would display” elements were life saving only because it made everything so obvious it was almost impossible not to understand what the different tags would do. (https://www.austincc.edu/hr/profdev/eworkshops/docs/HTML_Basics.pdf)
When I went to do the flexbox assignment I was definitely a little confused but I found that “The Ultimate Flexbox Cheat Sheet” really useful. (http://www.sketchingwithcss.com/samplechapter/cheatsheet.html) It was great because it lays out so many different scenarios that you could potentially run into while using flexbox. Beyond having code examples for pretty much every layout you might want to implement on your page it also shows pictures of what it will look like so I was able to just pick and choose from the examples I knew I wanted my page to look like. As far as being distinguished from other websites I looked at for help, I think the simplicity of this website helped me the most. It didn’t include any long descriptions with coding vocabulary I didn’t understand or any complex examples of things that were way above my skillset, so I appreciated that.
Scotch.io is another example of a really simple guide to flexbox. (https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties) Again, I remember using it because it’s pretty remedial. It walks you through small step by small step how to use different components of flexing and uses pictures (which is so unbelievably useful to me). This site stood out in my mind from the other ones because it broke down the different functions like: flex-direction, flex-flow, flex-wrap and other things like that. Those are the differences I didn’t have enough time in class to completely understand so this site helped me get a better idea of the basics like that.
I watched a few Khan Academy videos on the basics of coding throughout the semester and honestly I wish I watched more! (https://www.khanacademy.org/computing/computer-programming/html-css) These videos are so useful because they cover most of what we go over in class but it’s another opportunity to see someone doing it first hand instead of just reading code examples in different threads. I would definetly recommend some of the videos on html and css basics from Khan Academy but I never watched any of the videos for the more advanced coding tools. I’m assuming those are very useful too though.