Daily Web Notes

Friday, December 14, 2012

Enhancements: infographics and new SEO free tools

Researching new tools to enhance websites and increase traffic, I found some really cool sites.

Here they are:
For infographics and data visualization tools:
      1. on Techrepublic.com
      2. on Edudemic.com
      3. on Netmagazine.com

For infographics using jQuery:
     1. JScharts
     2. Statmyweb.com
     3. Designmodo

Some good examples:
      1. http://www.gatesfoundation.org/infographics/Pages/progress-against-polio.aspx
2. http://columnfivemedia.com/work-items/ge-interactive-chinese-heart-health/
      3. http://www.cbs.nl/en-GB/menu/themas/gezondheid-welzijn/cijfers/extra/2010-ziekenhuisopname.htm

Internet community establish some good free sites to increase traffic. Here they are:

1. REDDIT
2. PAPER
3. TRIBERR

I promise to my readers to try at least one of the sites to increase traffic through my site and my blogs.

Tuesday, November 27, 2012

Rename-it

Today I had to rename a lot of files and my coworkers offered me a very nice solution. I was eager to learn something new and I did. Here's a site to download free program to rename multiple files. I hope, to download and start to plat with it. I wish myself to learn everyday I go to work. Today I accomplished my goal: I learned.

Tuesday, November 20, 2012

Unicode symbol map for PDFs

I'm checking new PDFs from SRTR ADR for section 508 accessibility. My first check shows me that document has some problems with Unicode mapping. My editors don't know what to do. So, I searched Internet for the answers. Actually, I found very good site which is very helpful solving my problem. I copied some mathematical symbols into my pdf files and it solves the problem with accessibility. I'm not a first one, who has problem with mapping UNICODE symbols, so I offer you a real help. I hope, it will work for you.

Tuesday, October 23, 2012

Color contrast

Working on section 508, I've learned a lot about color contrast. First of all, there is a wonderful online tool for finding a right colors for your template. I used old color and found out what I should do with them to improve a color contrast. To improve a color contrast, I use another good online tool. I think, any developer should know about color contrast idea and use for site development. I hope, I found a right colors for my SRTR gov-site.

Tuesday, August 28, 2012

Section 508 and Skip navigation

Today I dedicated my time to another "Section 508"-feature such Skip Navigation. It's quite important for Gov-sponsered sites. This feature could be us by Internet users, who are blond and don't use a mouse.
Here's a complete code for "skip navigation" feature.

HTML code after <body>-tag:
<div id="skipmenu">
        <a href="#skip" class="skippy">Skip To Main Content</a>
        <a name="top"></a>
    </div>

HTML code after "main" content begins:
<div><a name="#skip" tabindex="-1" id="skip"> </a></div>

CSS code which goes with HTML:
div#skipmenu{
position:relative;
}
div#skipmenu a.skippy{
position:absolute;
top: -1000px;
left:-1000px;
height: 1px;
width: 1px;
overflow:hidden;
}

div#skipmenu a.skippy:active, div#skipmenu a.skippy:focus, div#skipmenu a.skippy:hover{
position: absolute;
top:auto;
left:auto;
width:100%;
height: 1em;
width: auto;
font-size:1em;
font-weight:bold;
width:100%;
padding-bottom:15px;
color: black;
z-index:100;
text-align:right;
margin-bottom:25px;
}

In addition, I found quite interesting site about SKIPPING. I think, it's going to be interesting for many of us.

Tuesday, August 14, 2012

DropDown Menu and section 508

I'm still working on future srtr.gov-site fixing all problems related to section-508 compliance. One of the problem is to implement tabbed-accessible (for non-mouse users) and JAWS-readable menu. Researching the ideas how to do this, I found several sites with code which claim their menus are section 508-complaint. I tried all of them, and did not find them complaint. I found only one site, which led me to implementation of my menu. Before starting to do something I have read several articles on sites:
1. Accessible Dropdown Menus by Terrill Thompson
2. Accessible Drop-Down Menus by Martin Kliehm

Tuesday, June 26, 2012

jQueryMobile: ListView and Back Button

I'm not the only one who has a problem with Back button. Working on new mobile site, I started experiencing problem with Back Button presentation using ListView. It's completely gone when viewing a nested list submenu. I found a good solution on StackOverflow.com.   It's quite sophisticated and smart code-snippet, which work very well.
Here it's
<script type="text/javascript" language="javascript" type="text/javascript">
         $(':jqmData(url^=home)').live('pagebeforecreate',
        function (event) {
            $(this).filter(':jqmData(url*=ui-page)').find(':jqmData(role=header)')
            .prepend('<a href="#" data-rel="back" data-icon="back" data-theme="b">Back</a>')
        });

    </script>
Replace MYPAGEID with the ID of the page containing the list.
It should be added after jQuery initialization.