A clickable card interface in plain HTML, CSS and JavaScript

These are the demo files for the video tutorial on the same subject.

I explain in detail what's happening here in this ~15 minute video tutorial on YouTube.

(click to watch)

I also tested an earlier version of the card interface in the browser and with Voiceover on Mac.

(click to watch)

Developer tools used:

Name		Name	Last commit message	Last commit date
Latest commit History 7 Commits
1-unstyled.html		1-unstyled.html
2-clickable-card.html		2-clickable-card.html
3-adding-button-and-links.html		3-adding-button-and-links.html
4-fixing-button-and-links.html		4-fixing-button-and-links.html
5-adding-hover-effects.html		5-adding-hover-effects.html
6-hiding-on-click.html		6-hiding-on-click.html
7-hiding-smoothly-on-click.html		7-hiding-smoothly-on-click.html
8-final.html		8-final.html
9-debug.html		9-debug.html
demo.gif		demo.gif
dogs.html		dogs.html
donav.js		donav.js
global-styles.css		global-styles.css
index.html		index.html
readme.md		readme.md
wombat.html		wombat.html

codepo8/full-card-click