Showing posts with label css. Show all posts
Showing posts with label css. Show all posts

Thursday, May 15, 2014

Responsite Design testing

Hi all Responsive designers, we always fetch issue in testing responsive design testing. The issue has been shorted with two Google chrome extensions "window resizer" and "Responsive Site View".

Using window resizer you can know at what exact pixel your responsive program is working or not then you can accordingly rectify your program

Now if you want to test if on any mobile platform you don't need to have that phone with you you can check it on your development computer or testing computer what you need only Google chrome with a extension "Responsive Site View" and problem is solved. And if you need to test it in a larger screen that your development computer screen you can also even check it with is custom screen feature.




Saturday, May 10, 2014

How to make a website responsive without boostrap

Hi every one,

This post will let you know you can make a website responsive without using boostrap. There are some simple css techniques which you have to use like meadia screen, maxwidth, minwith e.t.c.....

what you chould do is you can use first
write the simple css code in your stylesheet for desktop view
for mobile view use @media screen and (max-width: 520px) make all the div{width:100%;}
for image to make it responsite use img{max-width:100%}
you can also use grid.css for your layout

and here it is done. try it once