Friday, April 6, 2012

Wednesday, March 14, 2012

Designing E-Mailers

If you're in web design chances are you'll need to design a promotional email at some point. If you think designing for the web can be frustrating, just try designing for email clients with limited, quirky, or non-existant CSS support. Smashing Magazine has an article on approaches to try, but a critical paragraph contains information everyone needs to know--you should design emails using tables in order to get correct display. As the article says, "keep it simple"--don't rely on advanced CSS techniques.

"Emails are coded using tables, so we have to create design sketches and Photoshop mock-ups with table-based layouts in mind. Keep it simple, and have a clear idea of where to position the gradients and how they will behave (say, if we want a gradient to expand horizontally to fit the viewport’s width)."

Monday, March 5, 2012

Dot leaders for lists

This tutorial discusses how to do html/css only dot leaders (such as used on menus, tables of contents in books, etc.). I used this in the last project (the long text version near the end).

Saturday, February 18, 2012

Helpful sites for Project 2

Hey everyone! It's Robert Goodwin from Web Design II. First of all, thank you so much Karen Blakley for giving us a place to post and share information.

The websites I believe are extremely helpful for Project 2 this quarter are - - It is a site that shows pictures of flexible layouts and people can vote on them. On the bottom right corner, you can arrange by popularity. You can click on the website to go to it and then adjust the size of the window to see for yourself how they implement different sizing. It's incredibly useful to be able to visualize how you want it to look from large to small... so this site is awesome.

Less Framework - This site gives you coding to be able to use for flexible layouts in a customizable manner, the code is hosted on github which is a great repository to find coding anything from java to html.

Golden Grid System - Golden Grid System gives you a flexible layout by using a mixture of java script and html, it's a bit complex - even I don't understand the full workings of it... but I figure it could help someone out to look it over or even use it!

Webmonkey 'Adaptive Images' - This article explains the need for "adaptive images" and links to a java script code that you can use to implement on your site! It'd help with the bandwidth usage which is extremely important in our restrictive and data-capping internet in the mobile world today.

Anyways, I hope this helps everyone gain some insight and maybe you'll even use some coding from the resources I linked you to, I hope so!

Thursday, February 16, 2012

Quick Portfolio Sites

If you need to put together a portfolio quickly here are a few template-based portfolio sites:


Lots of tips, code samples, tutorials on CSS.
A popular web community site curated by web guru Chris Coyier.