Thomas Wallace

Lectures and Resources

Accessible Slick Carousel Demo

We will building and configuring the following demo

Structure

  1. Create a directory in your workspace named slick-demo.
  2. Create appropriate directories and files
    1. index.html file in the root
    2. assets directory with img, css, js sub directories
  3. Add the following images files to the img directory. – Files
  4. Create the base html structure –  starter document
  5. Add 3rd Party CSS Dependancies – dependancies
  6. Add 3rd Party JavaScript Dependancies – dependancies
  7. Create HTML Content Structure – sample structure

Design

  1. Create style.css in the css directory.
  2. Add local CSS to customize appearance – Local CSS

Behavior

  1. Create scripts.js in the js directory
  2. Add Local JavaScript initiate – Local JS

Use the following resource to configure behavior to suite your needs.