Tuesday, Februrary 21st

Class hours: 9:40am – 2:05pm
Mr. Cronin
Mr. Moore


  • Crazy schedule today – crazy schedule pretty much all week.
  • Doors locked immediately after school as normal for Tuesdays.
  • Danny and Dresden visiting today.
  • Game Day Friday!  Organize with what you want to do.  Rocket League?  Smash Brothers?  Push ups?  Organize together.
  • Alpha Game Presentations Thursday Morning! 

Example Files

9:40 Attendance and Article 

10:00 Dresden and Danny Arrive for visit

While the students working with them give them the standard working with visitors tour, everyone else gets some extra time for Site Maintenance.

10:20 Introduction to Responsive CSS

Responsive Design is the ability for Designers to create web design which “responds” to different mediums.  No longer to we write old fashioned m.dot sites such as “m.sitedesign.com” which is a completely separate, mobile version of a website.   By writing code correctly with html5, css, and js we can create a single website which RESPONDS to any type of environment it is viewed in – desktop, cellphones, tablets, etc.  

Today we are going to play with the basics, explore some of the main ideas, break things, fix things etc.  We are going to look at:

  • Basic ideas – overwriting desktop rules for mobile
  • Creating our first breakpoint
  • Using our Chrome Developer tools to look at our web designs through a mobile environment.

<meta name=”viewportcontent=”width=device-width, initial-scale=1“>

11:00 Break (15 Minutes)

11:15 Preparing for Mrs. Wolfe’s Pre-tech class visit on Thursday

Mrs. Wolfe runs the 10th grade Pre-tech 2 class at CTE.  She was the teacher last year for a number of students in Cawd this year: Witham, Cardosi, Fox, and Bruce.  All say she is “Good People”.

She is doing her Game Design unit in her class and would like to bring her class into Cawd and get a little dip into the idea of a Game Design Engine.  So Thursday morning we are going to be doing a step by step in Unreal on Thursday morning.

Students that work with Pre-tech visitors will extra credit – and a little more than normal as you will have then for an hour.  Mrs. Wolfe is a nice person, and seemingly tries hard, so I ask that we try hard with her kids, talk, smile, don’t become introverted and emo just because “new people”.  They are more nervous than us.  They are coming to our house and we dramatically outnumber them.

We are going to be matched up with a partner on Thursday.  We will sit in the Soviet Era chairs, while your visitors sit in our normal chairs.

We are going to go through some Unreal Exercises to get the kids some exposure.  Are they going to be able to build a game after this visit?  Of course not, but at least they are going to be able to explore the software, and maybe some will download it after school, etc.

Today we are going to go through the outline of what the visit will be like:

  • 11:00 Visitors Arrive and you are matched up with them.  You have 15 minutes to have them fill out the form, and do the standard visitor presentation of the work we have on the Cawd site – your work from this year.
  • 11:15 Get into Unreal and Setup a First Person Shooter Game (New).  As I lead up front we are going to go over:
    • Playing / moving
    • Gravity
    • Mass of objects
    • Burst Fire?
    • Fire Table /Fire Chair?
  • 11:30 Transition to an Advanced Driving Game (New).  As I lead up front we are going to go over:
    • Figure out default tools and controls in the default level
    • Creating a new level
    • Sculpting Tools
    • Arena Mesh
    • Increase Power?  (Maybe..maybe not)
  • 11:50 Demo of “Shooter” Collaboration Workflow
    • Show the concept art / digital assets created in Maya
    • Show the game itself, how it was created, and the different assets that Sarah, Matt, and Simon added to the game
    • Mat will come up and demo Gameplay
    • We will let students come up and play with a new database – whoever has the record when the kids leave will get a terrible terrible prize….ideas?

The reality is Cawd is bigger than Pretech2.  So there will be students that are not matched up with visitors just based on numbers.  If this is you:

  • You get an extra session of Site Maintenance, but not the Extra Credit for working with visitors
  • I don’t want to know you are in the room – it will be crazytown junction for this hour, so just be cool, self sufficient, and work.

Any extra time we have can be used for Site Maintenance.

12:00 Lunch (30 Minutes)

12:30 Attendance and Article

12:35 Quiet Production Time

12:45 Monday / Tuesday Afternoon Website Version #2.

Today and Tuesday afternoon we are going to revise our websites.  We are going to use a style guide to help us create something a little less free form, and a little more professional and consistent.

“A style guide (or manual of style) is a set of standards for the writing and design of documents, either for general use or for a specific publication, organization, or field. (It is often called a style sheet, though that term has other meanings.) A style guide establishes and enforces style to improve communication.”

First, let’s spin through Champlain College’s Style Guide.  Let’s see how specific they are, and how they are organized.

Next, lets look at our “V2 Styleguide” for your Website Revision.  This will drive the style.

In terms of of technical specifics:

  • Valid html5
  • External css and js
  • Use of image gallery with at least 6 of your best projects rotating through a gallery on your page right below your Master Logo.  Each image the same size – you choose the size.
  • Use of headings, lists, and paragraphs – organize your content in a logical way.
  • Web Dev students have a “Web Dev” section just as you would “First Semester”, “Second Semester”, etc.  This should link to your “webDev” folder.
  • Include a section toward the bottom with the color palette image and link to the live palette.  It is a nice way to connect your project to something real, and not just a selection of random colors.  It helps show intent in your design choices.  

Finally, all coding content must be created by you.  Nothing extraneous beyond the specifics for this assignment. No nav.  No dead links.  A simple, clean, attractive way to manage your work.

Step 1 – Logo Brainstorming

The first step is going to be brainstorming of visual branding for you.  Grab a sheet of paper and create 5 different simple illustrations which connect to you in some way.  Think back to the Dropbox visual – a box to put something in.  Something simple that could be included with your name text if you wish.  This first step is graded on the fly pass / fail.  Raise your hand, get checked off, and move on to the website revision.

If you are here for “normal” Cawd experience, you must make your website fully responsive.


2:00 Dailies


2:05 Dismissal

Copyright © 2004 - 17 cawd by Steven Herr. All rights reserved.