<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="City"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="place"/>
<o:SmartTagType namespaceuri="urn:schemas-microsoft-com:office:smarttags"
name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Webdings;
panose-1:5 3 1 2 1 5 9 6 7 3;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal;
font-family:Arial;
color:windowtext;}
span.EmailStyle18
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Hi Steve, <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Thanks for writing these up. The only
thing that I have in my notes that is not here (and I might have just missed
it) is that Edie/NBP will be sending over smaller images of the “Donate Now”
and “Sign up for our E-Newsletter” buttons for the secondary pages. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>I’ve saved a soft and hard copy of these
notes so that we’ve got them on file. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Danielle<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><strong><b><font
size=2 color="#244a9f" face=Arial><span style='font-size:10.0pt;font-family:
Arial;color:#244A9F'>Danielle Holly</span></font></b></strong><b><font size=2
color="#244a9f" face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:#244A9F;font-weight:bold'><br>
</span></font></b><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Marketing Consultant<br>
<br>
</span></font><strong><b><font size=2 color="#244a9f" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#244A9F'>Common Impact</span></font></b></strong><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'><br>
</span></font><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:black'> <em><i><font face=Arial><span
style='font-family:Arial'>tel</span></font></i></em></span></font><font size=2
color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'> 617-868-2034<br>
</span></font><em><i><font size=2 color=black face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:black'> mobile</span></font></i></em><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'> 857-756-8463<br>
</span></font><em><i><font size=2 color=black face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:black'> e-mail</span></font></i></em><font
size=2 color=black face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:black'> </span></font><span class=style2char><font size=2
color=navy><span style='font-size:10.0pt;color:navy'><a
href="mailto:kdholly@commonimpact.org" title="mailto:khorwitz@commonimpact.org"><font
size=3 color="#244a9f" title="mailto:khorwitz@commonimpact.org"><span
title="mailto:khorwitz@commonimpact.org"><span style='font-size:12.0pt;
color:#244A9F'>dholly@commonimpact.or</span></font><font size=3 color="#244a9f"><span
style='font-size:12.0pt;color:#244A9F'>g</span></span></font></a></span></font></span><font
size=2 color=navy face=Arial><span style='font-size:10.0pt;font-family:Arial;
color:navy'> <br>
</span></font><strong><b><font size=2 color="#5e3c00" face=Arial><span
style='font-size:10.0pt;font-family:Arial;color:#5E3C00'>visit our website</span></font></b></strong><span
class=style2char><font size=2 color=black><span style='font-size:10.0pt;
color:black'> </span></font></span><span class=style2char><font size=2
color=navy><span style='font-size:10.0pt;color:navy'><a
href="http://www.commonimpact.org/" title="http://www.commonimpact.org/"><font
size=3 color="#244a9f" title="http://www.commonimpact.org/"><span
title="http://www.commonimpact.org/"><span style='font-size:12.0pt;color:#244A9F'>http://www.commonimpact.org</span></font><font
size=3 color="#244a9f"><span style='font-size:12.0pt;color:#244A9F'>/</span></span></font></a></span></font></span><font
color=navy><span style='color:navy'><o:p></o:p></span></font></p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><span
class=style2char><font size=5 color=green face=Webdings><span style='font-size:
18.0pt;font-family:Webdings;color:green'>P</span></font></span><span
class=style2char><font size=2 color=navy><span style='font-size:10.0pt;
color:navy'> </span></font></span><span class=style2char><font size=2
color=green><span style='font-size:10.0pt;color:green'>Please consider the
environment before printing this email</span></font></span><o:p></o:p></p>
</div>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
web-reskin-bounces@nbp.org [mailto:web-reskin-bounces@nbp.org] <b><span
style='font-weight:bold'>On Behalf Of </span></b><st1:PersonName w:st="on">Steve
DiDomenico</st1:PersonName><br>
<b><span style='font-weight:bold'>Sent:</span></b> Saturday, May 08, 2010 1:05
PM<br>
<b><span style='font-weight:bold'>To:</span></b> NBP / Common Impact<br>
<b><span style='font-weight:bold'>Subject:</span></b> [NBP web-reskin] Meeting
notes: 05/05/2010 </span></font><o:p></o:p></p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Please read and submit necessary changes to the group.
These are only notes and this information is not being stored anywhere other
than in this email string. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><b><font size=5 face=Arial><span style='font-size:18.0pt;
font-family:Arial;font-weight:bold'>Home Page<o:p></o:p></span></font></b></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>1. Problem: Keystrokes and mouse clicks can confuse the
browser. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: Change the functionality so that (1) the down arrow
is required to open a dropdown. And (2) the focus will not open the dropdown. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>2. Question: For the video page that is launched from the
homepage, what default player should be used? Flash? Qucktime?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Additional research was offered by Richard to
test a few players using a .swf file and report back to NBP with the results. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>3. Discussion: The homepage content and the large white
space between the bottom of the rotating image and the top of the content was
reviewed again. There is an end </div> tag after the rotating image and a
beginning <div> tag for the content. It appears that the browser is doing
line breaks in the form of borders. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: These divs will require some additional style work
such as not to use the bottom border for the div closing the rotating image and
not to use the top border for the div that starts the content area.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>3a. Discussion: There was talk of taking the Our Mission
content, NBP’s Mission Statement, and having it span horizontally across the
page rather than it being in the first column under the Video Highlights.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Edie will mock up a page and distribute it to
the teams for review. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>4. Discussion: The menu links the template MENU_BAR need to be
updated. The document named WebReskin_working.doc is where the current
information resides. This document may also need updates. The Excel Workbook
Content_Ready.xls is outdated. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Richard will review the document and update the
menu / navigation links<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: When Edie updates this document she will move
it to /productionfiles on the server and then notify the teams. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Note: In the current WebReskin_working.doc the (5) Secondary
Navigations called Section 1 are: BRAILLE BOOKSTORE, ACCESSIBLE BUSINESS
SERVICES, CUSTOM EDUCATION SERVICES, PROGRAMS, GET INVOLVED. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>5. Discussion: The horizontal Scroll bar is still appearing.
The requirement in the specification is that content and images appear in a
browser without the horizontal scroll bar appearing on the browser. The
goal will be to have 1024 pixels displayed horizontally without the horizontal
scroll bar being displayed. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Solution: Some work has been done on this. Different
browsers render content differently. The images need to be made smaller. Some
trial and error work will need to be done to see about taking the margin from
the left side and using it in the content area.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>6. Discussion: Homepage column size. This is tied to #5. The
column and image sizes where discussed. The styles for the (4) columns will be
modified using Absolute pixel sizing. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Research: What’s is the total max for the page width? 950,
980, 1000? This will be another trial and error.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Completed Research by Steve on 04/19/2010: After some CSS
Absolute Position testing it appears that IE 6 will display 993 pixels
horizontally without creating a horizontal scroll bar. This is when using text
size medium and a screen resolution of 1024x768. Opera 10.5 will display 1014
pixels without creating a horizontal scroll bar.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>7. Discussion: Hidden text on the left of the screen, using
a negative positioning, for the screen reader. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Edie will look into the wording that will help
the User.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>8. Action Item: Richard will change the Short Cuts of “Alt +
Key” to be “Focus” and not “Open” which is what it is doing now.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>9. Action Item: The hompage will require 2 “Jump Links”
for the screen reader. (1) to go to the <st1:place w:st="on"><st1:City
w:st="on">Mission</st1:City></st1:place> and (2) to go to the Content. These
are done using a #bookmark jump.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><b><font size=5 face=Arial><span style='font-size:18.0pt;
font-family:Arial;font-weight:bold'>Secondary Page <o:p></o:p></span></font></b></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>1. Action Item: Remove the bullets. This was only a test.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>2. Discussion and changes: The left navigation is different
form each of the (5) Secondary page sections: BRAILLE BOOKSTORE, ACCESSIBLE
BUSINESS SERVICES, CUSTOM EDUCATION SERVICES, PROGRAMS, GET INVOLVED.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: In Secondary page that was reviewed there is one
single column of content. NBP hopes to have as much text from left to right in
the column as possible.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: Move the images on the right to be under the
navigation on the left.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Discussion: On the right, drop the Alpha Card, Facebook, and
Twitter image and link.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Move the Make a Donation and Braille Innovation
images and links to the left and under the vertical navigation.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Action Item: Add the Sign-up for Our E-Newsletter functionality
to be on the left under the vertical navigation. <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'>Note: I do not have enough information in my notes to
determine the order of the left side of the page. Is it Navigation, images and
links, and then Sign-up for Our E-Newsletter? Or is it Navigation, Sign-up for
Our E-Newsletter and then images and links?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;
font-family:Arial'><o:p> </o:p></span></font></p>
</div>
</body>
</html>