Venkat's Planet

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)

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...

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

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 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 ...

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

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.               

Here are the most powerfull dialogs of Jr.Ntr from the Movie Baadshah.. చచ్చిన జంతువు ని  సింహం ముట్టదు .. భయపడే మనిషిని బాద్ష చంపడు ..  పిచ్ నీది అయిన మ్యాచ్ నాదే ..  ఈ పబ్ లు , రెస్టారెంట్ లు , బార్ లు , మల్టీప్లెక్స్ లు , పెట్టింది ఎవరికోసం అనుకున్నావ్ ?? పుట్టిన తర్వత బాబులని , పెరిగిన తర్వత బాయ్ఫ్రెండ్స్ ని , పెళ్ళయాక మొగుళ్ళని నాన్-స్టాప్  గా నాశనం చేయటానికే ..  బ్రతకాలి అంటే బాద్ష కింద  వుండాలి , చావాలి అంటే బాద్ష ముందు వుండాలి ..  భయపడేవాడు బానిస , బయపెట్టేవాడు బాద్ష ..  ఇచ్చిన మాట , చెప్పిన డేట్ , వేసిన అడుగు వెనక్కి తీసుకోవటం బాద్ష కి తెలీదు ..  శత్రువులని  కొట్టాలంటే కసి వుంటే సరిపోదు , కంటెంట్ వుండాలి ..  బాద్ష్ ని టచ్ చేస్తే సౌండ్ సాలిడ్ గ వుంటుంది ..  డోంట్ ఫైర్ ది ఫైర్ . ఈఫ్ యు ఫైర్ ది ఫైర్ ,ఫైర్ ఫైర్స్ యు . ఐ అమ్ ఫైర్ , ఐ అమ్ ది ఫైర్ ..  బాద్ష్ ఇస్ డేంజరస్ థన్ డేంజర్ ..  పులి బోన్ లో వున్నప్పుడు బచ్చ గాడు కూడ ఆడుకుంటాడు , అది బయటకి వస్తే వేట మొదలవతుంది . ఆపడం కష్టం...

Here are the dialogs from the movie KVJ.. Most sucessfull film in TFI నాటకం రైలు ప్రయాణం  లాంటిది, అది ఎవరికోసం ఆగదు .   ఒక్కడున్న రైలు నడుస్తుంది, నాటకం కూడా అంతే ఒకడి కోసం ఆగదు ఒక్కడున్న ఆగదు ..  ఇది కల నిద్ర  లో కానిది , అది కళ నిద్ర లేపేది .  కలల్ని కూడా మార్చేది కళ ..  ఒక చేప సాయం చేస్తే మనం దేవుడు అని పూజించాం , ఒక పంది సాయం చేస్తే వరాహ అవతారం అని అన్నం , తాత చెప్పింది దేవుడు గురుంచి కాదు సాయం గురుంచి ..  గర్భ గుడిలో వీధి కుక్క ఉచ్చ పోసినంత మాత్రాన దేవుడు మైలు పడడు ..  తాత భాగవతం రాశాడు అనుకున్న కాని బ్రతుకు రాసాడు అనుకోలేదు ..  కళ అంటే బ్రతుకు నిచిదే కాదు బ్రతుకు నీర్పేది కూడా ..    బువ్వ్ లేకపోతే మట్టిని అడిగితే పెడుతుంది , కాని మట్టినే  దోచేస్కున్తున్నారు కొడుకులు ..  నేస్ససిటి అఫ్ లివింగ్ .  న్యాయం కంటే అన్యాయం ఒక అక్షరం ఎక్కువ కదా , అదే గెలిచింది ..  కాస్ట్ ని బట్టి టెలికాస్ట్ వుంటుంది ..  అవకాసం ఉన్నవాడికి అవసరం ఉండదు , అవసరం ఉన్నవాడికి అవకాసం రాద...

Here is the small JQuery code for getting the value of the dropdown box which is selected. HTML <select name="dropDownMenu"> <option>Option1</option> <option>Option1</option> <option>Option1</option> </select> JS $(document).ready(function(){ $("select").change(function(){ var str=""; str=$("select option:selected").text(); alert(str); }); });

Athadu A movie wonder by Tivikram.. Here are some dilalogs from Athadu Movie. . Gun Chudalanuko Tappu Ledu Kani Bullet Chudalanukoku Chachipothav.. Nijam Cheppakapovadam Abaddam.. Abbadanni Nijam Cheyali ani Anukovadam Mosam,,,, Njam Cheppe Dhairyam Leni Vadiki Abbadam ade Hakku Ledu... Alludu Season Lantodu Vasthadu Pothadu.. kani Manamadu Chettu, Osthey Paathuku Pothadu.. ahh... Sahasame Upiri ga Brathike Vadiki Dhammu Tappa Dari tho Paniledu... Lancham Ivvandayya India lo Daniki Dorakanidhi Vundadhu.. Adiginadaniki Samadhanam Chepithe Telivi antaru.. Cheppakapothe Pogaru antaru... Veedu Nylon Taadu la kanipinche Naagu pamu lantodu.. Naidu ki Viswaroopam ye Chupinchadu, Bujji Gaadiki Bhagavadgithe... Ikkada kattukunte Molathadu.. Ikkada kattukunte Kasi taadu .. Ikkada Kadithe Padataadu.. Devudaa Kuturini adigithe Question bank ichava....  Hope u all Enjoyed.. :)

There are Media Queries which help in making the website responsive. Here are some tips which will make easier to Understand the Media Queries to various devices Large Desktops : Layout Width will be from 1200px and Up               @media (min-width:1200px){                }   2.   Default : The Layout width will be from 980px and up   3.    Portrait Tablets : The Layout width will be from 768px and Above              @media (min-width:768px) and (max-width: 978px){               }   4.   Phones to Tablets: The Layout width will be from 767px and below             @media (max-width:767px){              }   5.   Phones :  The Layout width will be from 480px and below     ...

There are so many sites which be usefull for webdesigners. But here i disclose some other sites which will be usefull in some part of your development.   Glyphicons:                This site will be the good for getting all the icons at one place  http://glyphicons.com/   PageNest:              This is a good tool to download the website. so that you can see the website offline.   caniuse:             This is a site where you can check browser compatability for different CSS and HTML elements.               http://caniuse.com/   html5test:            This is the site where you can check whether your browser supports the HTML5 or not. It gives the             scroes based on your browsers support.    PxToEm:       ...

javaScript Code <script> $(document).ready(function() { var img_array =[ "food1.jpg", "food3.jpg" ,"food4.jpg"]; var i=-1; var interval=setInterval(function(){slide()},5000); function slide() {                 i++;                 $('#banner').attr('src',img_array[i]).effect("bounce","slow");                 if(i==2)                 {                                 i=-1;                 }      ...

What is Jquery Mobile jQuery Mobile is a cross platform mobile framework designed to simplify and enhance the development of mobile web applications by integrating HTML5, CSS3 , jQuery and jQuery UI into one framework that is not only robust, but maintainable and organized.  jQuery Mobile is not the mobile version of jQuery A unified, HTML5-based user interface system for all popular mobile device platforms.  Instead of writing unique apps for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded web site or application that will work on all popular smartphone, tablet, and desktop platforms. Why Jquery Mobile It’s built on the well-known and well-supported jQuery core If you know basic HTML, you can start building mobile sites right away. Accessibility support Lightweight in size — 12 KB compressed Cross-platform, cross-device and cross-browser compatible Open-source and free for all kind of usages Compatible with a...

Jquery Mobile ·          The jQuery Mobile "page" structure is optimized to support either single pages, or local internal linked "pages" within a page. ·          A jQuery Mobile site must start with an HTML5 "doctype" to take full advantage of all of the framework's features. ·          By setting the viewport attributes to content="width=device-width, initial-scale=1" , the width will be set to the pixel width of the device screen. <meta name="viewport" content="width=device-width, initial-scale=1"> ·          Inside the <body> tag, each view or "page" on the mobile device is identified with an element (usually a div ) with the data-role="page" attribute. <div data-role= "page" >          <div data-role= "header" > ... </div>  ...

ఏది నీ మొహం పైకెత్తు . చూడు .. ఈ చక్కని పెదవులు,చంపలు , నీకెందుకు ఆ దేవుడిచ్చింది? లెక్కలు చెయ్యడానికా? చూడు . చదివి చదివి నీ కళ్ళ అందమే పోతోంది..నీ నడుము వొంగింది సరిగా పోషించక నీ వొంటి మెరుగు తగ్గింది ... ఇలా నీ సహజత్వాన్ని  చంపేసే చదువు నీకవసరమా??  ..