Date: 1 March 2016.

Here's my Wish list!

I'd like to premise this with the knowledge that I have the design sense of a cinder block.

• Introduce normalize CSS1
• Introduce some of those cool media queties. wow!
• Introduce the float property for menu items, and introduce a footer with this property as well.
• Investigate and make the most of the the flex property. Great link here. In particular, I think it could help centre and clean up my index page.
• Introduce a simple css borders /boxing style for when I'm prototyping. IE * { outline: 1px solid red }.
• Consider how I can use shapes / border-radius for dividers, instead of images.
• I like the off canvas menu.
• I like the static background, rolling text / parallax scrolling.
• Animations... are these javascript?
• Make the site better for mobile viewing. Introduce some responsive styling.
• Change colour / emphsaise of paragraphs when hover pointer of paragraph.
• Introduce rem and em instead of px, where appropriate.
• introduce webkit requirements for flex, and consider browser compatibility.
• Try and use html partials instead of pasting header details in each page.
• Use a few more classes for specific boxes on the page i.e. a class for blog.

An analogy to describe HTML, CSS and the DOM...

I liked the analogy given in the Udacity lesson 1. HTML is like the walls, ceiling, floor... the rooms of the house. CSS is interior designer friend coming round telling you how everything should look.

What is meant by boxifying design?

I like this concept. It refers to a website effectively being just a bunch of boxes, which you can manipulate with CSS. You can cut them up, making them different shapes, move them round however you like.

What is the box model?

The box model refers to all boxes having a margin, border, padding and content. Just like this picture here.