My Personal Junkyard

Day: 26 March 2020

Structuring CSS for HTML Components. Separation of concerns.

Structuing CSS/HTML (Separation of concerns) First, I will divice CSS into categories: Settings

Color Scheme

General (eg. *, body, Scrollbar, etc.)

Rows (or wrapper components)

Layout (or grid components)

Content components A default content-default style Different types of content eg. content-title, content-description

Spacing components

Individual components

Quick VUE workflow for a HTML/CSS Template.

My quick VUE workflow for a HTML/CSS template. Create a project vue create hello-world Using Pre-Processors yarn add sass-loader node-sass Add scripts on mounted Expected Usage


Back to top