Class 1

Who I am
Who you are
Show me something recent you have worked on.

A brief reminder:


What is “responsive” design

In Class:

If nature has made any one thing less susceptible than all others of exclusive property, it is the action of the thinking power called an idea, which an individual may exclusively possess as long as he keeps it to himself; but the moment it is divulged, it forces itself into the possession of everyone, and the receiver cannot dispossess himself of it. Its peculiar character, too, is that no one possesses the less, because every other possesses the whole of it. He who receives an idea from me, receives instruction himself without lessening mine; as he who lights his taper at mine, receives light without darkening me. That ideas should freely spread from one to another over the globe, for the moral and mutual instruction of man, and improvement of his condition, seems to have been peculiarly and benevolently designed by nature, when she made them, like fire, expansible over all space, without lessening their density at any point, and like the air in which we breathe, move, and have our physical being, incapable of confinement or exclusive appropriation. Inventions then cannot, in nature, be a subject of property.
– Thomas Jefferson


a) Send an email to with the subject line “WEB 2” and your return address. Please write (don’t copy and paste) a joke that is not a one-liner and is not crude.

It must link to your Linkedin page.

b) Due next next week, a coded responsive layout done in FOUNDATION, by Zurb.

Take a tutorial if it will help.

(how do I do this? - )


By |September 8th, 2013|Classes, sean|0 Comments|



I will be doing my best to update this syllabus with our explorations and discoveries.

OFFICE: no office, but we can schedule times to meet
Email: sean.r.cohen at (please put “[WEB ]” in your subject so I know it is you)


TOPICS COVERED (this is subject to change)

  1. Class 1: how to begin
  2. Class 2: tests, code, browsers, emotional validation
  3. Class 3: TBD
  4. Class 4: The Science, Engineering and Construction of Art
  5. Class 5: Business and Commerce
  6. Class 6: Code – nuts and bolts
  7. Class 7: Medium, Rare
  8. Class 8: Kitsch
  9. Class 9: Infinite Library
  10. Class 10: Mutability
  11. Class 11: Designing Presence / Connection
  12. Class 12: Art versus Commerce
  13. Class 13: Critiquing
  14. Class 14: The end of the beginning

The grading policy will be cumulative in nature involving the following;

  1. Attendance is mandatory. Unexcused absences can affect a students grade. 3 unexcused absences will lower the students cumulative final grade by one letter grade. Each absence thereafter by one third of a letter grade.
  2. Students should be present for the entire class period.
  3. If absent, the student must come to the next class prepared for that particular class.  Do this by contacting your peers first, then me.
  4. All class and homework assignments must be completed.
  5. There will be two mandatory reviews, at midterm and the final exam date.
  6. Students keep a journal/sketchbook of assigned investigations, notes and drawings for imaging exercises.
  7. Assigned exercises are evaluated on the basis of;
    1. demonstrated knowledge within the computer application environment,
    2. aesthetic qualities and completion of required actions,
    3. brilliant stunning things that show exploration and growth.
  8. The basis for grading in each project is both aesthetic and technical. Projects that are technically outstanding may NOT necessarily be outstanding all-around.
  9. All projects must be turned in to class website.
  10. Percentages are as follows: projects – 80%; Attendence – 10%, Participation – 10%
  11. Grading is based on a 0-100 % scale; 100-90=A, 89-80=B, 79-70=C, 69-60=D, 59 and below=F

- A/A- = excellent achievement in most or all facets of the project
- B+ = very good achievement overall and some excellent work in limited facets
- B = very good achievement overall
- B- = better than satisfactory achievement with some very good work in limited facets
- C+ = satisfactory work with some better than satisfactory work in limited facets
- C = satisfactory work or the minimum requirements met
- D = achievement is not satisfactory and some minimum requirements were met
- F = work is not satisfactory and the level of achievement is poor

This course is designed to help the student develop intermediate to advanced level skills in visual and conceptual problem solving. Using the Elements and Principles of Design, Animation, Art, interactivity and anything else we can find to throw into the mix, the student will execute complex projects. Lectures and hands-on labs will provide the student with an opportunity to develop skills and understanding in the following areas:

• the use of digital in the creative process,
• the combined use of traditional and digital media in projects,
• the exploration of a range of solutions/styles that utilize both Vector and Raster techniques,
• the development of creative critical thinking skills in research, observation, assimilation, conclusion and transmission of information through an interactive medium,
• the execution of technically proficient digital images that work well aesthetically and conceptually,
• the presentation of projects to a critical audience, and
• the analysis, interpretation, and evaluation of interactive media projects in a group critique.

By |September 7th, 2013|art363, Classes, sean|4 Comments|

.swf renderer

Here is a link to download a 3rd party software that will convert .swf files into a .png sequence, so that you may convert flash animations to movies pretty easily.  The only drawback is that sound must be reapplied to the final animation.

You can import the .png’s as an image sequence into After Effects, but don’t forget to re-designate the amount of frames from your .swf in the timeline of the AE document so that your movie plays at the same frame rate that the .swf file did.

For example, say you just imported the new .png’s as an image sequence into After Effects and dragged the sequence down to the timeline.  After effects will change the duration of your image sequence, so you have to select it in the timeline and modify its frame duration to the duration of the amount of frames (.png’s) that were converted.  Make sure also that your document is playing at 24 frames per second and your movie will be fine.

By |December 8th, 2011|Flash, sean, Software|0 Comments|