RoR with Actualize — 8–24–17

Today we went through the basics of HTML and CSS. For me, this is a very dry topic. I was never really into front end development and it’s more of a trial and error type of area in my opinion. However, for those with very little CSS and HTML, Actualize did a great job introducing the topic and going in depth into the basics and foundation of how HTML and CSS really came to be important in terms of web browsing at it’s core.

Credits: https://www.sololearn.com/Blog/12/5-reasons-to-learn-html-and-css/

HTML and CSS really come together when designing great looking static pages, however what makes these responsive is javascript. The way things move and animate are due to javascript. We practiced how CSS works through a site called CSS Diner (https://flukeout.github.io/). The CSS Diner app really helped us learn how CSS works and how it works in relation to the objects you have on your website. With that, we were able to add bootstrap to a sample website we made. Bootstrap is a framework created by Twitter that makes styling much easier. A person is able to generate grids, navigation bars, boxes, search bars, etc. with ease. However, one should not depend on bootstrap 100% when it comes to styling your website, otherwise it will just seem cheap and empty. The rule of thumb is to use Bootstrap around 80% and the 20% should come from your manual styling.

Today was a pretty light class day. We mainly just touched the topic of front end development. We created a sample site so we can play around with styling a website and let our creativity juices flowing. I can’t wait to see how class proceeds from here.

Credits: https://foodforcoding.com/2013/05/25/grails-with-twitter-bootstrap/