Here is a zip file with the demo from last week of a Responsive Mobile optimized page.
Category Archives: Resources
Html email
Here is the class presentation on html email.
This zip file contains the example code from class today.
Html email assignment
- Design an html email for the business you are doing your WordPress site on.
- Use either Campaign Monitor or Mail Chip to send that email.
Jquery
Jquery Reading

Chapters 1, 2 & 3 from Jquery: Novice to Ninga
by: Earle Castledine & Craig Shakie
http://webreserves.ubalt.edu/eres/coursepage.aspx?cid=1057
Fall 2011 password: baisemain (case sensitive)
Even more WordPress
Additional Reading

Chapters 8, 9, 10 and 12 from:
Digging into WordPress Version 3
by: Chris Coyier & Jeff
http://webreserves.ubalt.edu/eres/coursepage.aspx?cid=1057
Fall 2011 password: baisemain (case sensitive)
Content strategy presentation
Here is David Beaudouin’s presentation on Content Strategy.
Here are some links to articles about Content Strategy.
- Content strategy deliverables
- Content strategy weblog
- The discipline of contentstrategy
- Content strategy
- Importance of web content strategy
- Complete beginners guide to content strategy/
- Content strategy part 1/li>
- Content strategy part 2
- Content templates to the rescue
There is also a Content Strategy Group on Google Groups.
Here is the Brain Traffic Blog. And a link to the Conference they have.
Custom post type presentation and resources
Here is Joe’s Custom Post Type presentation from last week.
Below is a list of articles related to using custom post types.
- Custom post types tutorials tools advice
- Create your first wordpress custom post type
- Custom post types in wordpress
- How to use custom post types
- WordPress custom post types guide/
Here is Joe’s list of recommended WordPress plugins.
More WordPress
In class work
This week in class we are going to work on turning our static full html and css design into a WordPress theme. Here are a few really good articles I found from Amber Wienberg:
- How to build a WordPress theme
- Step by step turning a design responsive in WordPress
- A basic WordPress framework (or starter Theme)
Here are zip files of the Hijinks and Super hijinks starter themes.
Reading Assignment

Chapters 2 and 5 from:
Digging into WordPress Version 3
by: Chris Coyier & Jeff
http://webreserves.ubalt.edu/eres/coursepage.aspx?cid=1057
Fall 2011 password: baisemain (case sensitive)
CSS3 resources and a markup assignment
Here are some additional CSS3 resources
- Working with rgba color
- Everything you wanted to know about gradients
- Shapes of CSS
- CSS3.info
- CSS3 Please
- CSS3 Maker
Markup assignment
Design and create a single webpage that uses at least 3 different CSS3 techniques, you are not limited to the ones I demoed in class. You may use your grid to layout the page if you want. You may use dummy text and it does not have to be related to website proposed in the Grid assignment. Be sure to use the CSS3 techniques in a way that will not break the integrity of your page design if they are not supported.
This is due by: Tuesday Sept 27.

I have also posted 2 chapter from:
Handcrafted CSS: More Bulletproof Web Design
by: Dan Cederholm
Chapter 5: Modular Float Management
Chapter 6: The Fluid Grid
PBDS.661.185 – ADVANCED WEB DEVELOPMENT (Fall 2011)
http://webreserves.ubalt.edu/eres/coursepage.aspx?cid=1057
Fall 2011 password: baisemain (case sensitive)
These should be helpful with developing your grid framework.
Design workflow and the design layer
Now that you are using a grid centric approach to laying out your websites we are going to discuss various ways to approach the actual design aspects of a site. In recent years there has been much talk about the pros and cons of doing an actual design mockup in Photoshop or another design tool (Fireworks, Illustrator or In Design). Please read the following articles:
I am going to be doing some CSS3 and Jquery demos in class. You can download the following zip files with the demo source code to follow along:
Reading on Web Typography
The grid as a front end development framework
Here is todays class presentation