Venkat's Planet

Posts

Showing posts from June, 2013

Media Queries For Devices with their layout Widths (CSS)

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

Some Good and Important Sites for WebDesigners

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

A Small And a Easy proceedure to make the jquery Carousel

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, why where Jquery Mobile

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

Small and simple touch to Jquey Mobile

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

ఎందుకు చదువు ....

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