Today We’ll learn how to do a slider without any Javascript (only HTML and CSS!)
here’s the one we’re going to use: https://schepp.dev/posts/css-only-carousel/
and the code can be found here: https://codepen.io/Schepp/pen/WNbQByE?editors=1100 When you use this you will cite the code in your comments both in the HTML and in the CSS.
here is the link to the recording of the class Passcode: @#QA7a?2
CSS animation explained: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
We will go over it today in class.
I’m going to skip the web form because i don’t think that is really that important and you will need the time to get your sites all working and looking good.
so the final project you must turn in should be :
Presentation:
- Cover page
- Project Proposal
- Mood Board – screen grab and link
- Style Guide -SCREEN GRAB AND LINK TO PDF
- CSS Stylesheet SCREEN GRAB AND LINK TO CSS FILE
- Supporting images/sketches
- WIREFRAMES SCREEN GRAB AND LINK
- Thank you page with your
portfolio URL and email address
Can use Powerpoint, Google Slides,
Keynote, etc. – put a link to this presentation on the final class’s blog post in this site so i can refer to it when grading.
Portfolio Website
● Home page
● Portfolio pages
● Resume
Must be a working website at your
personal domain
