Skip to main content

Posts

Easy way to "Move the Screen to Top"

For any kind of website, if content is more then the user has to scroll down to read it.. If again he wants to scroll up to the top using a single click will make the user feel good.. To make this just keep a div as "position : absolute" at right bottom side as "Scroll to Top". So when clicked on it, just add this statement at the clicked event window.scrollTo(0,0)

Kinds of heights in HTML - JQuery

While Designing the website you may come across many types of heights.. Here are some of the heights.. height( ) : This gives the height of the element which excludes padding, border and margin. innerHeight( ) : This gives the height which includes padding but excludes border and margin. outerheight( ) : This gives the height including border but no margin. oouterHeight(true) : This gives the height including Margin...

Telugu Samethalu

ఐశ్వర్యం వుంటే అర్దరాత్రి గొడుగు పట్టమనేవాడు ..  అయితే ఆదివారం కాకపోతే సోమవారం ..  అంటుకోను ఆముదం లేదు కానీ , మీసాలకు సంపెంగి నునె ..  లక్ష నక్షత్రాలు ఐన ఒక్క చంద్రుడు కాలేవు ...  లేనివాడు లేక ఏడిస్తే , ఉన్నవాడు తినలేక ఏడ్చాడు అంట ..  సెంటు బూమి లేని వాడికి ఎందుకు సెంటు వాసన అన్నట్టు ..  ఆడలేక మద్దెల వానిపై గోడు పోసుకున్నట్లు ..  ఏమి లేని ఎడారి లో ఆముదము చెట్టే మహా వృక్షము .. తింటే అజీర్తి , తినకుంటే నీరసం ..  లక్షణం చెడితే అవలక్షణం ..  చెరువుకి  నీటి ఆశ , నీటికి చెరువు ఆశ ..  గాడిద సంగీతానికి ఒంటె ఆశ్చర్యపడితే , ఒంటె ఆనందానికి గాడిద మూర్చ పోయిందట ..  లేని దాత కంటే వున్నా లోభి నయం .. 

Navigation From One Page to Another Page using JavaScript, Jquery

Navigation Links Place an Imporatant role in crwaling the whole website. So for developers there are many ways in Navigationg the control from one page to another page. Here we discuss, how the navigation is done in different languages. JavaScript : Window.Location="home.php"; Php: Header("Location:home.php"); Html: <a href="home.php"> Home </a> Jquery: $(window).attr("location","home.php"); In the above examples, The control is transfered from current page to the "home.php" page

HTML5 Storage with Example

Html5 has lot of advantages. This HTML made the easy for the web designers. While designing a Website, in any situation you may come across to store the data. The data needs to be accessed in many pages. For this problem the solution is WebStorage concept in the HTML5. There are two kinds of storages, They are     1.  LocalStorage     2.  SessionStorage LocalStorage :  Here the data is stored for ever. There is no time limit for variable to expire.      Eg.    localStorage.id="abc";     Here in this example.                 "id"  is the variable. "abc" is the value. This says that the value "abc" is stored in the variable "id".         To use this variable in the other page Just use the statement.                alert("localStorage.id");  SessionStorage:  Here the data is stored only for ...

Add a New Font to your Website (CSS)

There may be a situation where you are bored of seeing the whole regular fonts in the css. So there is also possibiltiy to add some new fonts in the css as new Font-Family. @font-face { font-family: myFont; src: url(yourDesiredFont.ttf); } This is the css style you need to add in css. Here the source(src) is the font you want to use... you can use any kind of font, search in google for different kind of fonts. When you refer the font-family for the next time you can directly refer to this new font you have added. Usage h1 { font-family: myFont;         font-size:24px; }

Viewport meta-tag used in Media Queries

Media queries plays an important role in Responsive Design. So in that situation the Meta-tag is the one which is most imporatant, <meta name="viewport" content="width=device-width, initial-scale=1.0"> Here      Device-width == Content to scale the full width of the device.      initial-scale  == the Zoom value to view the webpage      if the value of initial-scale= 1.0. This is the unscsaled document.      if you write user-scalable= "no".  Then it disables the zoom.