PaganStudio Teaching

D3A FALL 2012

Here are some links to projects that we reviewed in class. Please pick one and write a short annotation (400 words).


Wearable electronic:
QR code sweater which my grandmother knit. No link this was a sweater.

Student project


Student project



Big guns:



Uniqlo on Pinterest




Read More

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.

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.

A tutorial on dropdown navigation menu using CSS

Google web fonts

General HTML/CSS reference

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


Read More

Read More

Read More

Just to remind what is due tomorrow,
after completing the proposal presentations from last week, we will focus on the structures. We will streamline and try to find and eliminate the loopholes and dead ends. We will select the keyframes looking at the flowchart and decide on the kleyframes together.

So, please come to class with a 11 x 17 in. printed detailed flowchart explaining the structure of the front-end experience of the web site. Very much like a storyboard of a film, explaining what happens when. Here is a guideline and you may follow the links below for some templates and examples:

here are some tools if you want to paly around with various software to draw these diagrams, or of crse yo can simply draw with yor own illustrator:

Also, please bring if you have any qustions regarding yor portfolio website. DNS, hosting, CMS etc. I’ll be glad to help.

Read More

Apart from the book and its structure, you may want present the following components:

– a teaser. around 1-2 min.s

for ex.:

Рa set of icons, for homepage (72 x 72 px.), for store (521 x 512 px.), for toolbar or navigation bar (20 x 20 px.)

please take a look at these guidelines:

– a launch image or splash page portrait and landscape (768 x 1004 px. and 1024 x 748 px.)


Read More

All content including original text of chapter 1 or 10-20 pages from the beginning, UI components with all states in one PSD file and organized with layer folders and appropriately named.

Read More

Read More

Read More

Read More