organization brochure
organization brochure organization brochure organization brochure

Rhode Island Parent Information Network

Organization Brochure

The main informational brochure for the Rhode Island Parent Information Network communicates the history, mission, and services that RIPIN provides. One side is in English and the reverse is in Spanish.


RIPIN website
RIPIN website RIPIN website RIPIN website RIPIN website RIPIN website

Rhode Island Parent Information Network

Website

www.ripin.org

Concentrating on creating a family-friendly and user friendly design, the site allows visitors to tap into the resources of this non-profit organization. Adhering to web standards and accessibility, the website uses a content management system for ease of updating.


newsletter
newsletter newsletter newsletter

Rhode Island Parent Information Network

Newsletter

Newsletters for the Rhode Island Parent Information Network. This publication is produced four times a year and mailed to over ten thousand contacts. Subsequent issues were based upon this initial design.


postcards
postcards postcards postcards

Rhode Island Parent Information Network

Postcards

Various postcards produced for the Rhode Island Parent Information Network in order to promote and sponsor community events. These postcards were mailed to prospective attendees and donors. Most events attracted a record amount of interest.


conference brochure
conference brochure conference brochure conference brochure

Rhode Island Parent Information Network

Conference Brochure

Registration form and informational brochure for a medical conference for the Family Voices agency of Rhode Island.


dvd cover
dvd cover dvd cover

Rhode Island Parent Information Network

DVD / VHS Cover

DVD cover for film sponsored by the Rhode Island Parent Information Network. The film focused on the inclusion of a boy with Down syndrome into a regular preschool environment. Featuring still images from the film and original artwork by the boy's sister, this design was mass produced and marketed to schools, individuals, and educational professionals throughout the world.


That's me!

About Me

Quick Statement

After receiving training from the Rhode Island School of Design, I have been involved with print and web design for the last five years. Currently based in Providence, Rhode Island, I work a steady day job and try to squeeze in a few hours of design and extra curricular activities at night. I am a fan of enticing clean typography and rich graphics and tone. I recognize that design is a personal discretion but also believe that design extends beyond just a client’s desires. Design affects everyone: the client, the reader, the viewer.
Drop Me a Line
If you like my style or want to know more, contact me by sending an email, or give me a ring. I am always up for a chat. And hey, thanks for stopping by!

CSS Fixes For Common Layout Problems

Double Float Margin Bug

One of the more frustrating problems with Internet Explorer is the double float margin bug. Whenever an element is given a float and margin is applied, IE decides to double the margin value in the direction of the float. There are numerous workarounds.
One solution is to apply margin and padding only to the element's containing content such as the text or images. But one of the easiest fixes is to give the element "display: inline". Look at the example below:
#content {float: left; width: 500px; padding: 10px 15px; margin-left: 20px; }
change to this:
#content {float: left; width: 500px; padding: 10px 15px; margin-left: 20px; display:inline;}

Clearing Floats

Often we are so busy typing code that we might forgot about what goes on after giving an element a float. When I can remember it, I clear all my floated elements by applying this empty div:
.clear {clear: both;}

Horizontal Rule with Background Image

When you want to do away with that solid color horizontal rule, try this technique that promises to work in all browsers:
div.hr {background: #fff url(myhrimg.gif) no-repeat scroll center; height: 10px;}
div.hr hr {display: none}
with your html being:
<div class="hr"><hr /></div>
However, if you just want a solid line, I have been having no problems at all with this css working in all browsers:
hr {color: #333; background-color: #333; height: 2px; border: none;}