ASP.NET MVC training

Since many companies start to explore relatively new Microsoft platform such as MVC, I decided to find a good tutorial to train myself. As several people suggested, I went to ASP.NET and started to learn new ideas from Microsoft. I hope to go through all course in a near future.

Text resizing for desktop, mobile, and smartphones

In many cases we have place a lot of text (content) on a page, which must be readable from any Internet-enabled device. So, we have a problem to resize a text, image or any other element on a page. It's quite easy, especially with a right advice, which I found in  article . Actually we have to place a simple several line of code in css, and text will be perfectly resize. Here they are:
 

body {

transition:all .2s linear;

-o-transition:all .2s linear;
-moz-transition:all .2s linear;

-webkit-transition:all .2s linear;

}

 

Link to Button

Doing a new mobile design, I met several requests to convert  a comple link into buttons. I came out with quite simple and good css element for a class link.

.link { display: block;
height: 40px;
width: 250px;
border: 1px solid #000;
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
text-align:center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; }

It will create a button in any view mobile/desktop or tablet. I think, it's quite useful.

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.

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;
}

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.

Home work for interview

Lesson 5

• What is delegate in C#?
• How to catch error in Javascript?
• What is the difference between DatarReader and DataSet?
• What is the difference between browsers?
• History of Microsoft .NET