Skip to main content

Responsive Web Design

When we go through a website it is not respond for devices' screen size it become major problem for the user and failure for the server.So that when a website is response for a screen size it is called responsive web design and it become success for all.
Features as follows
1.Media queries
css uses media queries to adapt a website content in a diiferent manner.
          @media only screen and (max-width: 480px){
          .page-title {
           width: 270px;
           }
           }
2.Range
It is used to target the specified screen size by setting multiple size.
            @media only screen and (min-width: 320px) and (max-                    width: 480px) , (orientation: portrait) {
           .gallery-item .thumbnail {
                                                                  width: 95%;
                                                                   }
                                                                   }
3.Dots Per Inch
It target the resolution of the image and video.
4.Breaking points
Instances where rules were broken.
eg: by observing dimension.
Simple key what is responsive web design

Comments

Post a Comment

Popular posts from this blog

API

API stands for Application Programming interface.API is an interface used by programs to interact with application,which mean that API allow the applications  to communicate with each other. Really API is not a database or server,API is the code that give the access point for the server.
Post a Comment
Read more

Node.js MongoDB

Now a days all web based application has some database to store the data at the back end. Nodejs frame work have the ability to work with both relational and non relational database. Node.js  MongoDB   NoSQL database mongodb quite fame because of its ability to store the any sort of data at any format.In order work we have to download required module.Mongodb required the module to be installed is mongoose.And also with these modules we can perform many operations.Before that we have to get start mongodb in nodejs. 1.Install MongoDB Driver * We can download from official mongodb driver or open in terminal and execute it     npm install mongodb * Node.js used this module to manipulate mongodb database.   var  mongo = require( 'mongodb' ); 2.Node.js  MongoDB  Create Database To create a database: 1.Create the Mongoclient object 2.Specify the url connection (correct ip address and name of the database want...
Post a Comment
Read more

CSS

CSS stands for Cascading Style Sheets.CSS is mainly used to present the layout of webpage.Most of facilities which are not available in html are present here.specially colors,fonts and layouts are establish in css sheets.CSS should be saved with .css extension.CSS specifications are maintained by W3C. CSS can be added in 3 ways. i)Inline -   By using the style attribute in HTML elements           This method is used to add style to the specific tag           Eg: <html>                 <body>                  <h1 style="color:blue;">hello</h1>                                                          </body>                 ...
Post a Comment
Read more