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

ER Diagram

ER is a high level conceptual data base diagram.ER modeling helps us to create well designed data base with systematic analyzement. Thats why it is very important to practice er diagram before create a database. Actually ER Diagram explains the logical structure of database.Even though ER diagram is similar to the flowchart it become unique because of its symbols and conceptual based exposes.
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

GIT HUB

Git hub is a web based hosting service for version control using git.Git hub is a project based management system.It is a good platform for the developers.Git hub is a SCM(Source Code Management. Now we can go through the git hub installing and coding. 1) Installing a git hub in a Linux (in Linux all coding are followed in terminal)         sudo apt-get install git 2)Configuring git hub    When we completed our installing after that we should have to configure our account as follows          get config -- global user.name "user name"           get config -- global user.email "email id"   once we configured our account no need to configure each time. Mainly seven steps are available to push the files in to git hub 1)git<>init 2)git<>add<>./* 3)git<>status 4)git<>commit<>-m<>detail 5)git<>remote<>add<>origin...
Post a Comment
Read more