RESEARCH METHODS FOR THE PUBLICATION ASSIGNMENT

Here you can download the PDF that we went through in class last week.

The first part is about the post digital publishing and the discussion we carried out around the idea of self publishing, zines and web and multimedia content in publishing and transition from paper to screen etc. You can view the full book on this link or order it, it is an inspirational book for all designer whether designing for paper or screen.

Responsive Design

screen_resoltions

As we have discussed in class last week, throughout the semester we will try to adapt responsive design as a general principle for all screen based presentations. It is more of an understanding rather then being an advance technology. It does not require any more skills then you already can do with HTML/CSS however the coding style needs to be absorbed and practised over and over again.

Also please go through these two tutorials. First one is to warm up after the summer break and second and third one are to get familiar with coding for responsive layouts.

CSS Fundamentals
http://unsemantic.com
Creating a Responsive Website Design

You can login with your NET-IDs. If you are off campus, you might need to enter http://rutgers.edu first to login through campus.

MISCELLANEOUS TIPS AND TUTORIALS FOR CODING HTML/CSS3

General HTML/CSS reference:
W3C Schools

The toolbox is a collection of the best time-saving apps, tools, and widgets from around the web:
Toolbox

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript:
jQuery

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers:
Lightbox 2

RESOURCES FOR THE WEB LAYOUT REFERRED IN CLASS

http://cedvel.com
http://960.gs
S, M, L
http://unsemantic.com…and here is a bonus 
as a respond to a few questions that I got over email, a general reminder about using type online:
you can use the @font-face rule as explained in the following link:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

or you can go for some other free font serving services online such as:
https://www.google.com/fonts
http://www.fontsquirrel.com
https://typekit.com
https://edgewebfonts.adobe.com

and
http://cufon.shoqolate.com/generate/

PORTFOLIO SITE LINKS TO REVIEW

http://art.yale.edu/
http://www.sagmeisterwalsh.com
http://johncaserta.com
http://coryarcangel.com
http://kare.com
http://feltron.com
http://www.linkedbyair.net
http://leifparsons.com
http://www.studiovonbirken.com
http://www.flandriatype.com
http://faal.co/en/
http://www.studioairport.nl

http://vignelli.com/
http://www.paul-rand.com
http://www.miltonglaser.com
http://caringoldberg.com

http://violaineetjeremy.fr
http://blublu.org
http://www.lisahedge.com
http://anthonyisaac.com
http://www.christophniemann.com

http://yeoahn.com

http://www.newrafael.com
http://robprattdesign.co.uk
http://tomanders.com
http://www.adhamdannaway.com

and some of our recent alumni:
http://hakanuzumcu.com
http://austinleedesign.com
http://derekspringsteen.com
http://cargocollective.com/ericalai