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

  Node.js What is Node.js? Node.js used as back-end (server-side) language in the development. As usual client/user deal with the front end of the applications.There are much process behind that , we call it as back-end.There, we used several languages like Node.js, php and java as server side languages and MongoDB or MySQL as data base. Node.js is an open-source ,cross-platform javascript runtime environment and library for running web applications outside the client's browser.It is a server-side platform built on Google Chrome's javascript engine(V8 Engine).Node.js was developed by Ryan Dahi in 2009 and its latest version is v14.13.0. Node.js applications are written in javascript and can be run within the Node.js runtime on OS X,Microsoft Windows and Linux.                      Node.js = Runtime Environment + JavaScript Library. Reference ( Simplilearn youtube channel, Node.js documentation)
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

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