Class hours: 10:05 – 2:45
Mr. Bohmann | wbohmann@ewsd.org
10:05 Today’s Notes & Attendance
Today is a Wacky Wednesday
Jerry – NTHS Question – Ms. Quinn and Mr. Payeur’s VTC English and Math courses – the NTHS committee take a B+. For College courses taught by CTE instructors A- for S1. If the grade is coming from a college, the committee does not look at it.
Call Backs: John (Public Issues at 1:15pm), Brodey – Math
Found car keys in the M Wing vestibule– Honda. Purple keychain to Brian’s Auto in Burlington and utility tool
10:10 Wave Tool Evaluation
Let’s take a look at Kestral Coffee Roasters – (the owner was a student of mine when I taught at New England Culinary Institute – I taught cooking then – not web)
Your Turn: Burlington Food Hall
Look at the following site and answer the questions. For this task, you will want to be using the Wave Tool.
10:30 Animate with CSS
Let’s look at some basics to assist your page interactions. We’ll play with a plug-in to our headtag called Animate.css Now, just because you can do animations does not mean you should do animations!
After installing Animate.css via link in the head tag of your page, add the class animate__animated
to an element, along with any of the animation names (don’t forget the animate__
prefix!)
Head over to Codepen and we’ll try this out. Name your page Animating with CSS
/* The transition property can be declared as longhand or shorthand but must be done in the order below */
/* longhand -----*/
transition-property:color;
transition-duration: 1s;
transition-timing-function:linear, ease, ease-in, ease-out;
transition-delay: .5s
/* shorthand -----*/
transition:color 1s linear 0.5s;
10:50 Break
11:00 Animation continued….
Other animation properties – let’s test those out too….
@keyframes
animation-name
animation-duration
animation-delay
animation-iteration-count
animation-direction
animation-timing-function
animation-fill-mode
animation
(shorthand property)
11:15 Portfolio Work Session until lunch
Ask questions, get support, keep your project moving forward.
Mobile Wireframe designs are due this week
11:55 Lunch
12:25 Independent Reading
12:50 Break
1:00 Production Time and Guided Support
- Pho Hong Menus – Past Due
- Desktop Wireframe Past Due
- Mobile Wireframe now due (Friday officially)
1:50 Dailies
Dailies can be placed in the CAWD2 Dailies Folder on the CAWD2 Public Folders drive