CSS Frameworks

Case Study

A review of the web site presented in lab-07-a. This lab encapsulates many of the practices we have encountered so far.

Semantic-UI I

An overview of the container and segments styles in the framework

Semantic-UI II

An exploration of the Grid and Image styles.

Semantic-UI III

An exploration of the Tables

Semantic Part IV

Our final tour of the Semantic-UI library - with a focus on icons, variations in segments and responsive grids

Deployment

Deploying a site involves understanding a little more about Clients & Servers, Hosting Providers, Domain Names, Transferring the Sites Files, HTTP and Absolute & Relative Paths

Harp & Surge

Harp.js and Surge.sh are the two services we will use to server the page locally, and also to deploy it to a public web server.

Templates

The EJS template system implements mechanisms for assembling sites from templates - which are called 'partials' in EJS. Additionally, there is a complimentary 'layout' mechanism for reusing entire page structures.

Lab-05a

Rebuild the iot web site using semantic-ui

Lab-05b

Continue to enhance the IoT web site with additional Semantic-UI styles & Components

Lab-05c

Install software tools to serve a web site locally and also to deploy the web site to a public web server.