Category Archives: Web-Development

Responsive Table Design

Responsive HTML Table Lets create our first responsive table. Here we will discuss about two type of table design, one is when the screen width reduce the scroll bar will display and another one is the table will increase row wise. The following image shows how it change on resolution change. We have used bootstrap.css to designthe table. Table With… Read More »

Responsive Webpage Layout

Responsive Webpage Layout Design Lets create our first responsive web page. As we discuss before our layout should auto resize in different screen resolution and should work fine in different device like computers, iPads and phones. Click here to view list of devise and screen resolution in pixels. HTML Code: <body> <div> <!– Heasder Starts Here –> <header> <div> <!– Head section goes… Read More »

Media Width/ Device Width

Responsive Web Design Media Width Viewport Size The Following table shows screen resolution for different devices. For more detail please visit wikipedia. It is always better to write your media query in your CSS file for the following resolutions. 320px, 480px, 600px, 800px, 960px, 1024px and 1280px+. Click here to know how to crate a css file for responsive web design. Device Name With Resolution Company Model Diagonal… Read More »

Media Queries

How to create media queries in Responsive Web We need to write our media query for the following resolutions in our css file.  320px,  480px,  600px,  800px,  960px, 1024px and 1280px+.  So @media will from 320px to 479px,  480px to 599px, 600px to 767px,  768px to 959px,  960px to 1023px, 1024px to 1279px and lastly the default css which… Read More »

Responsive web design (RWD)

What is responsive web design? In very simple language the website which fit in any resolution with the help of CSS is know as responsive web design. Now a days mobile and tablet users are increasing day by day, So you need to create such a web site which fit in all media. You can create responsive web… Read More »