Technical Blog Part 1. Udacity Reflection

<h2 class="secondary-header">Wishlist of design and structural features </h2> <ul class="post-3-list"> <li><a href="http://www.csszengarden.com/045/" target="_blank">Minimalist design, article gradient borders.</a></li> <li><a href="https://artsandculture.withgoogle.com/en-us/national-parks-service/parks" target="_blank">Interactive menu.</a></li> <li><a href="http://sarahmuller.strikingly.com/" target="_blank">Cool single page website, navigation bar.</a></li> <li><a href="http://www.newzealand.com/" target="_blank">New Zealand website.</a></li> <li><a href="http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek" target="_blank">Parallax scrolling.</a></li> </ul> <ul> <li class="question">Can you think of an analogy to describe HTML, CSS and the DOM? How would you describe it to your non-technical friend?</li> <p class="answer"> I like the analogy given in Udacity tutorial: <ul class="answer"> <li>HTML - like walls/floor/ceiling in your house.</li> <li>CSS - all decorations in your house (color of tiles, style of wallpapers).</li> <li>DOM - is the structure of your house, and how things relate to each other (e.g. there are 4 rooms in a house, meaning each room is a child to the house etc).</li> </ul> </p> <li class="question">What is meant by boxifying design?</li><p class="answer">Every element on a webpage is a box. Boxifying design means to "cut" a webpage (which is a box itself) to smaller boxes/blocks. </p> <li class="question">What is the box model?</li> <p class="answer">Box model is a box that wraps around all elements on a webpage. Every element has a content, padding, border and margin. </p> </ul>

User's comments

Add a comment