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">▼</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 = '▲';
document.getElementById('part').innerHTML = 'Andrew';
}
else {
document.getElementById('arrow').innerHTML = '▼'
document.getElementById('part').innerHTML = 'Boris';
}
return true;
}
CSS:
#part, #arrow {
text-decoration: none;
font-weight: normal;
color: #000000;
}
HTML:
<TR>
<TD>Peter</TD>
<TD><span id="arrow">▼</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 = '▲';
document.getElementById('part').innerHTML = 'Andrew';
}
else {
document.getElementById('arrow').innerHTML = '▼'
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.
Subscribe to:
Posts (Atom)