Here is a list of design and structural features which I would like to add to my website. This is a living document and I will be continually adding more ideas, as well as crossing off items as they are completed.
Improve the 'HTML, CSS & the DOM' blog page, by breaking it down into different columns and sections.
Note: As the page has been designed mobile first, this may need to be applied as a media query.
Add a drop-down menu for mobile screens and possibly larger screens too e.g. Uber
Increase the size of the links in the nav so they fill the entire space of the button.
Apply some transitions & transforms to add some 3D effects and/or animation to the page.
Apply some graphics, imagery or iconography to the page USING CSS!!.
Use opacity within a page to add fading effects and create depth using multiple layers.
Use a vertical header.
Use some pseudo-elements to style certain parts of an element or to add some generated content.
Apply a left hand margin to the blog contents page (approx. col-3) and then a grid on the right with an image, a title and some sample text from the blog. Note: This should be applied as a media query as we are working mobile first.
To be continued ...