Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: clarify-css-ma…

This branch is even with OpenTechSchool:clarify-css-magic

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
README.md
footprint.png
hascss.html
index.html
index_de.html
inspecting-film-roll.png
nocss.html
page1.html
page2.html
page3.html
page4.html
style.css

README.md

The purpose of the example slideshow is to introduce the following concepts:

  • HTML as a representation of content
  • CSS as a means of defining appearance of the content
  • using the web inspector to alter CSS
  • using JS to change the style of HTML elements
  • adding event listeners to the document
  • using JS to edit HTML of elements in the document

This example could be extended to illustrate:

  • adding event listeners to elements (clicking on navigation, rather than using arrow keys)
  • how to make the scrolling loop back to the start
  • the power of CSS to alter appearance
  • how a library such as jQuery could be used
  • how a library or plug-in to one could replace this code
Something went wrong with that request. Please try again.