Wednesday, June 26, 2013

CSS Content

Today I'm going to talk about property in CSS3 content. It's quite importent property in responsive web design. Instead of using a lot of images, I used a content. First of all I foudn a very interesting article , where I found exceptionally interesting chart for using special characters inside of the content. I think, many of us, who do Front-End development need such a good graph . Don't waste a time trying to use another tricks. This chart will make your life much easier.

Monday, June 24, 2013

Changing Up and Down arrows

Today I discovered a whole world of special characters for triangle-arrows in HTML. First of all, I found a very good article in stackoverflow.com . For a second, I wrote a small Javascript function to change arrows on click with a text.  This function will change the text and arrow on click.

HTML:
<TR>
<TD>Peter</TD>
<TD><span id="arrow">&#9660;</span><a href="#" onclick="changeText(); return false;" id="part">Boris</a></TD>
</TR>
Javascript to change text and arrow direction:
function changeText() {

if ( document.getElementById('part').innerHTML == 'Boris')
{ document.getElementById('arrow').innerHTML = '&#9650;';
 document.getElementById('part').innerHTML = 'Andrew';
}
else {
document.getElementById('arrow').innerHTML = '&#9660;'
document.getElementById('part').innerHTML = 'Boris';
}
return true;
}

CSS:
#part, #arrow {
text-decoration: none;
font-weight: normal;
color: #000000;
}

Tuesday, June 11, 2013

Responsive Data Tables

Today one of the hiring companies in my area approached me with an interesting task. They have to construct a responsive data tables. I decided to research the problem and found very interesting site. Actually I downloaded some files and played around. I think, I got the idea of flip-flop tables. Now they're quite important in mobile design. I hope, managers from the company will be happy to accept my solution.