{July 2011

f
4 Final Project    { July 8, 2011    J   b 0   

and it looks like gucci mane.

 

…seriously, if anyone wants to talk about the new Gucci Mane mixtape I’d welcome a conversation.

f
4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   

My final web site->>> here

*still working on the gallery

f
4 Final Project    { July 8, 2011    J   b 0   

Here is my webpage! I hope you like it!

4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   
4 Final Project    { July 8, 2011    J   b 0   

here it be.

sort of. kind of. done.

f
4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   

Done done done. Kind of.

f
4 Final Project    { July 8, 2011    J   b 0   
f
4 Final Project    { July 8, 2011    J   b 0   

Here is the link.

f
4 Final Project    { July 8, 2011    J   b 0   

Click Here!

f
4 Final Project    { July 8, 2011    J   b 0   

The website is here!

4 Final Project    { July 7, 2011    J   b 1   
W 

Y July 7, 2011: Wrap-up plan

Outline CSS3 Transition and Transform Javascript syntax JQuery library JQuery plugins (Fancybox) Modernizr library Example Photo gallery slideshow with JQuery Simplified version of barousel slideshow Lightbox tool that Jacki’s using JQuery slideshow that Jessie used Helpful Javascript/JQuery Links CSS3 Links

S Lectures   

Outline Move from client-side to server-side Encryption and rights You host: Upload your own, free Google and Font-Squirrel Other host: Typekit and WebType Links

S Lectures   
W 

Y July 5, 2011: Grid Help

Outline

  1. Different types of images: graphic and continuous tone
  2. Logos, photographs, flat color. Transparency, palette, file size
  3. Smushit.com Big Web Show Nicole Sullivan. (4:13 in mp4 until 6:20 )
  4. Integrating into HTML, CSS3 Transition and Transform
  5. Background images. Relative positioning within overflow hidden box.
  6. HTML5 video and embedding Vimeo (also on YouTube)

Example

  1. This is the in-class example.
  2. Photo gallery slideshow with JQuery
  3. Simplified version of barousel slideshow
f
4 Lessons    { July 5, 2011    J   b 0   

Outline Life before CMSes Early sites were managed like yours: one HTML file per web page The markup, the look and the content itself in every page Files everywhere, hard to change (pour through coding, grep) Mistakes (Owen Youngman updates tribune.htm) Call out across the room when editing a file Manual FTP Not scalable Enterprise […]

S Lectures   

Outline What is a Grid? Brief History Examples Anatomy of the Grid Grids on the Web Designing a Grid Lecture Presentation (PDF) Links

S Lectures   

Considerations when making an actual site. Additional HTML tags. Start with HTML5 reset. Folder hierarchy Use external stylesheets Search engine optimization. What you can control and what you can’t. Descriptive title that changes on each page Good semantic HTML markup. Text type (not images) Images with alt text for Google Images Meta data for description […]

S Lectures   
W 

Y July 1, 2011: Schedule for remaining week of class