As all of us know, we, developers, are fighting for the best use of internet space. We want better, faster pages with more info and functionality on them.
Not many of us knows about how to do it. Recently I discovered a new Web Performance Tool, which might be helpful for all us who works with code. I also found a good tutorial. which you can watch on YouTube and my blog. In a ddition I discovered a couple good books written by Steve Souders and will try to read them. As far as I tried, his tool does not work for IE, but it works for Firefox. He has a very interesting site, which I will go through. I promise to post my feedback about his books and site.
Friday, December 14, 2012
Free video tools online
Wanted to work with video files. I began researching free video tools on Internet.
First what I found is Video editor and converter
I will add some more tool as I find them.
First what I found is Video editor and converter
I will add some more tool as I find them.
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.
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.
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.
Subscribe to:
Posts (Atom)