Skip to main content

Posts

Media Queries

/*================================================== =            Bootstrap 3 Media Queries             = ==================================================*/ /*==========  Mobile First Method  ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /*==========  Non-Mobile First Method  ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { } /* Small Devices, Tablets */ @media only screen and (max-wid...

Linux shell script Practice Questions

1) Use a for loop to show users existing in the system. The output should be in a tabular format. 2) Use a table to display the network interfaces in the system. 3) Display output in the format ********Hello*********** ------------------------------------- | Sr. No. | Test | Test1 | Yes  | ------------------------------------- |   10      | ABC| DEF | Yes  | |   20      | DEF | FKG|  Yes | ------------------------------------ 4) Write a script to print table of 2 in below format 2*1 = 2 2*2 = 4 ...... 2*10 = 20 5) Display the following menu to user   a) Add   b) Subtract   c) Multiply   d) Divide Then ask for his choice of operation(a-d). Then get two numbers from user and perform the operation. 6) Take a number from user and print a triangle of stars from that number. For e.g. if user enters 3 * ** *** 7) Write a script that takes two arguments search and replace and the thi...

Using animate function in jquery to reduce it to zero and back

Declare this in your header or in your body for initilialising your div <style> div.solution{ width:400px; } </style> declare the div within the body <div class="solution"> abracadabra.....poof poof</div> use this line to slowly reduce the width of the div to 0px $("div.solution").animate({width:"0px"},500); use this line to slowly increase the width of the div to 400px $("div.solution").animate({width:"400px"},800); The last parameter denotes the time to run the function for....