The Class Blog

Graphic Design internship January - May for a national magazine:

http://newyork.craigslist.org/mnh/etc/506178911.html

The Good News First; The Semester is almost over,

Now the Bad news; The Semester is almost over:

The Last Day the 1P-231 Digital Production (MAC) Lab will be open for the Fall 2007 Semester will be Wednesday December 19th. Please for your own sake back-up any work saved on the lab Macs by that date. Work left on the Macs will be deleted during the break before the Spring Semester begins... There will be extended lab hours until and including the 19th:

Extended Lab Hours Until THE END :

Monday 12/10 10:00am-2:30pm & 6:00pm-9:00pm

Tuesday 12/11 4:30-7:30pm

Wednesday 12/12 5:30-8:30pm

Thursday 12/13 10:00am-4:00pm

Friday 12/14 2:15pm-6:15pm

Monday 12/17 10:00am-2:30pm & 6:00pm-8:00pm

Tuesday 12/18 2:30pm-7:30pm

Wednesday 12/19 12:00pm-6:00pm

Happy Holidays and best of luck with your Final Projects ~ Steve

yes, it's cheezy, but look at all the coding that went into it

http://mysite.verizon.net/vze201j5/countdown.htm 

<form> art lecture notes

A web form is an HTML tag element that allows a user to submit information to a server. It looks like this

http://www.med.und.nodak.edu/depts/computer/howto/MailWebForm/example.ht...

In the earlly 20th Century, arists engaged in experiments in pure form, reducing a composition to its most basic formal elements

Picasso

Old Guitar Player, 1903
http://www.physics.miami.edu/~chris/art/picasso/old_plyr.jpg

The Guitar Player, 1910
http://abstractart.20m.com/Picasso-The_Guitar_Player-Analytic Cubism.jpg

Ma Joiie (woman with guitar), 1912
http://wings.buffalo.edu/cas/english/faculty/conte/syllabi/377/Images/Picasso_MaJolie.jpg

Kasimir Malevich

Reducing the formal/compositional elements of a painting down to pure form.

Suprematist Painting, 1915
http://www.uoregon.edu/~hkim13/a5/malevich_1.jpg

Suprematist Painting, 1916
http://www.fiae.org/Malevich%20-%20Suprematism.JPG

Jackson Pollock,

Form is the content. Form is the result of the process of creation – dripping and throwing paint.

Lavender Mist, 1950
http://www.abstract-art.com/abstraction/l2_Grnfthrs_fldr/g0000_gr_inf_images/g001_pollock_lavender_mist.jpg

Barnett Newman

The dripping and throwing, is reduced to one “perfect” brushstroke.

Canto 14, 1964
http://www.artland.co.uk/Barnett_Newman_Canto_XIV_1964_DUP30342.jpg

Frank Stella
“What you see is what you see”

Content is form – there is no content other than the form.
Color is often removed as well.

Untitled, 1964
http://sweeney.ucr.edu/egallery/images/10artistportfolio/stella.jpg

Star of Persia, 1967
http://hirshhorn.si.edu/collection/record.asp?Artist=Stella%20Frank&hasImage=1&ViewMode=1&Record=9

Ad Reinhardt,

Black Painting, No. 34, 1964
http://siteimages.guggenheim.org/gpc_work_large_108.jpg

Agnes Martin
http://zwirnerandwirth.com/exhibitions/2003/022003Martin/

Alexei Shulgin
Form Art Competition, 1997
http://www.c3.hu/collection/form/
All projects are off of a list:
http://www.c3.hu/collection/form/list.html

Extra Credit Assignment: Create a piece of <form> art, working under the framework of the Form Art Competition. Use the elements to create a formal composition. I will give up to 5 points for this extra credit work (2 points for technical competence, and 3 points for creativity and formal qualities)

On www.webpagesthatsuck.com, here's a great checklist of "149 Mortal Sins that will send your site to Web Design Hell":

http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-s...

Your final project is to choose a
non-profit organization whose website is in
dramatic need of a re-design. Preferably, this organization will be in Staten Island, but at the least must be in New York City. The site must have at least 10 pages. Use
their content and images, and redesign & rebuild the site. Some
examples can be found here and here (note, not all of the links on this page are appropriate.)

You will be evaluated on your aesthetic decisions, your
demonstration of technical mastery, and your ability to meet all of the
incrimental deadlines. The point breakdown is as follows:

• 36 points total
• 15 points for the aesthetic qualities of your design — information design, color
  harmony, formal balance, spacing, type choice, potentially this will
  include logo re-design, etc.
• 12 points for demonstrating technical mastery of the HTML/CSS
  concepts we have learned n this class. This includes: using CSS
  properly to position, and style your content, using XHTML to properly
  structure your information so you can lay it out w/ CSS (think zen
  garden here,) proper use of meta tags, titles, and uploading.
• points for hitting the 3 deadlines:
  • 3 points for thumbnails and a comp (due Nov 14th)
  • 3 points for your template (due Nov 28nd)
  • 3 points for building out your template into a file for every page (due Dec 5st)

• If your site has more than ten pages, you can do up to 20 pages,
  and receive extra credit for the larger site. The extra pages are worth
  up to 5 extra points. Do not attempt more than 20 pages.

..........wtf??????

....I haz a head pain.

warm up:

http://www.xkcd.com/262/

warmer (in quantity):

http://www.acc.umu.se/~zqad/cats/index.html?flow=no&large=no

getting there:

http://community.livejournal.com/lolbrarians/8155.html

arrived:

http://blog.notdot.net/archives/32-LOLCode.net-Now-your-LOLCats-can-use-the-CLR!.html
http://code.google.com/p/lolcode-dot-net/
http://lolcode.com/implementations/implementations
http://www.ajaxhacking.com/73/lolcode_js_0_1

LOLCODE is real!

I can haz compilerz!!!!!!!!

To practice your CSS positioning skillz, we will be laying out the xhtml structured code on the CSS Zen Garden. Please download the files attached below. (remember, you want to download the file — you can get this by right clicking on the link and choosing "Save link as", or clicking on the link and saving file as html or css). You will not make ANY changes to the html file.  All of your changes will be made in the CSS file.  The CSS file is currently called styles_zenStrippedDownCSI.css; you should give this a name of your own. I encourage you to look at some of the 1000 other examples of what can be done with this exercise. Look at their source code. Learn from it. Adapt it. Make it your own.

Deadlines: Thumbnails due Oct 31, Project due Nov 7th. 

 Grading:

    * 2 for your 20 thumbnail sketches and 2 detailed sketches.  Thumbnails should be 2x2 inches, and details should be the size of a letter sized piece of paper.  

    * 3 points for implementing CSS positioning to layout your page. This is the part with the

      tags and the #some_id{css_rules_go_here}; You need to have at least two columns (e.g. the linkList needs to be in a separate column.)

    * 1 point for implementing the background-image property, eg: background-image: url(images/arrow.gif);

    * 4 points for the formal and conceptual aspects of your design. Achieve formal balance. Marry content and form. Pay attention to detail!

Some resources

    * Mezzoblue’s resource list — a grea place to start

    * The official W3 specification on CSS positioning (hard core)

    * A List Apart on CSS Positioning (vs Tables)

    * A List Apart on CSS and Lists

    * Some info on Clearing Floats

    * More on Floats