Posts

Showing posts from 2017

Top Ad

Initial-scale, Minimum-scale, Maximum-scale and user-scalable, What are these terms in responsive design?

Term used in meta of responsive Web Page   meta: I t gives the instructions to the browser for controlling the page's dimensions and scaling. viewport: Viewport is the visible area of a web page to the user. Viewport varies according to the device ie. mobile phone <  tablets < computer (Mobile devices has less viewport size compare to tablets and computer)   width: This is the width of viewport of the device.(virtual)   height: This is the width of viewport of the device.(virtual)   device-width: This is the width of device's screen.(Physical)   device-height: This is the width of device's screen.(Physical)  initial-scale: It is used in meta information of a html page for initial zooming of a page means zoom level when the webpage is first loaded by the web browser.  minimum-scale: It defines the minimum value of zooming of Web Page.  maximum-scale: It define maximum zoom. When you access website top priority is maximum-scale=1 won’t allow the use
Bootstrap UI Clock Picker Use this code to get time in Hours and Minutes in through clockpicker. <!doctype html> <head> <link href="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.min.css" rel="stylesheet"> </head> <body> <div class="input-group clockpicker" data-autoclose="true">                                 <input type="text" class="form-control" value="09:30" >                                 <span class="input-group-addon">                                     <span class="fa fa-clock-o"></span>                                 </span> </div> </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"><