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

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

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

IDE

IDE is  stands for  integrated development environment  ( IDE ) .It is a software application which provides the facilities to programmers for their software development.IDE helps to programmers to provide the maximum productivity. Examples for IDE Microsoft visual studio Eclipse Aptana studio 3 orcle netbeans 7 code::blocks IDE advantages Access from any where with internet access. Minimal configuration needed Centralized workspace No need of install to lot of softwares.
Post a Comment
Read more