The State of The Internet

JESS3 / The State of The Internet from Jesse Thomas on Vimeo.

Flickr page here.

CSS help

The following articles will help you position elements using CSS and Div tags:

Floats

Display

Both articles have tips that will work across IE, Safari, etc...

jQuery and Lightbox

jQuery uses JavaScript to organise and style date. You can use Plug-Ins such as jQuery Cycle to create interactive galleries.

More information and tutorials:

jQuery Cycle Plugin

How to

Lightbox allows you to create pop-up galleries with next and previous functionality.

Lightbox 1

Lightbox 2

Type on the web

Some helpful links that have some useful information regarding structuring and formatting type with HTML and CSS.

8 simple ways to improve typography in your designs

CSS type tutorials

Setting type with a baseline grid

Soho typeface promo

Moving Type

Dreamweaver tutorials

http://www.vineyardesigns.com/tutorials/website-design.shtml

Just a heavily produced Flash Site...

http://www.123klan.com/

A graffiti / design group with a nice site, abit too flashy though.

Grids and CSS

Applying Divine Proportion To Your Web Designs

The Grid System

More useful Web links

Layers magazine

Adobe video workshops

More adobe

Lists of tutorials for Adobe products

Good Flash resourse

Flash Downloads

Even more Flash tutorials

And some more advanced Flash

Flash, CSS, and Garfield

The web developers handbook

Lightbox,Lightbox gone wild and a Simple Flash XML gallery

the best blog ever

Someone with far too much time on their hands

Useful links for CSS/HTML

one (simple CSS)

two (some HTML basics)

three (typography and CSS)

four (more typography and CSS)

five (CSS drop down menu)


finally... blogging

Karen Rashid + Orla Kiely

A really simple artist portfolio, the navigation is interesting but the site is a bit too small - especially the images.

View it here



This is a lot better, the images and layout are more vibrant and it is easier to navigate. Besides the web functionality the work is fantastic, have a look here.

Holy Cow Flashman!

These two websites are entirely Flash based yet allow the browser back and forward functions to navigate the sites and also 'deeplink' bookmarking! Enjoy.

Heavenly Sword (again!)
General Electric Ecomagination Campaign

Web Design Rap

Misprinted type

There is a new project on Misprinted type called invisible, you can view it here. It flash to slide through frames and has some interesting vernacular photography and typographic elements.

FWA

Cool Flash website directory, loads of good links.

Double click an image to go to that web page...

The FWA (Favourite Website Awards)

Enjoy!

Optimal Resolutions for Web

This is a great website with the low down on ideal resolutions.

http://www.destroyallmonsters.biz/articles/guidelines-for-designers/optimal-resolutions/

Big Ideas come out of Big Pencils

This is one designer's website which was not included on the brief handout but I feel it's a must:

Leo Burnett

Genius!

Typography for screen

Vernacular typography in James Bond:







full article