Skip to content
Cawd Logo GAWD
  • Home
  • About
  • Assignments
  • Resources
  • Contact

Wednesday, January 10th

Wednesday, January 10th

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

tacos

12:25 Independent Reading

book covers

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

1:55 Dismissal

GAWD Instructors:

Matt Cronin

Will Bohmann

Instragram Facebook Twitter

A little about GAWD:

Serving high school students interested in Gaming, Animation, and Web Development in North Western Vermont.

Students continue at:

University of Vermont Ringling School of Art and Design Northeastern University Rochester Institute of Technology Concordia University

Students find careers at:

Dealer.com Union Street Media Rovers North Prudential Investments DockYard
Navigate to top of page