06: Semantic + CSS Frameworks

Eamonn de Leastar, Annetta Stack, WIT
    • 06a: Semantic + CSS Frameworks

    06a: Semantic HTML

    Lab Review

    lab-1 · lab-2 ·lab-3 · lab-4 · lab-5 · lab-6

    Semantic HTML

    header · main · nav · aside · article · footer · section · figure

    CSS Style Guide

    validity · names · name style · selectors · shorthand · delimiters · order · stops · quotations

    Lab-06a Nav Params

    Introduce semantic elements. Define a parametrised navigation partial

    06b: CSS Frameworks & Semantic UI

    Semantic-UI I: Container & Segment

    project structure · semantic ui archive · container · segment · raised · stacked

    Semantic-UI II: Grids & Images

    row · column · aligned · center · top · image · small · medium · large

    Semantic-UI III: Tables

    table · celled · padded · single line · striped · inverted

    Lab-06b Semantic-UI

    Create a revised version of bundle-store using the Semantic UI CSS framework.

    Colour

    06c: Colour

    Designing with Colour

    An introduction to Colour in the context of web site design.

    06d: Web Project Repositories

    Bundle Store

    Web project source from Lab 01, 02, 03, & 05

    Grid Layout

    Web project source from Lab 03 & 04

    Bundle Store - Templates

    Web project source from Lab 06 & 06

    Powered by tutors-ts. Unless otherwise stated, this work is licensed under a Creative Commons Attribution 4.0 International License.