Category Archives: Software Development

Introduction to HTML5

HTML stands for Hyper Text Markup Language. HTML is an application of the Standard Generalized Markup Language (SGML) which is the International Standard (ISO 8879) for text markup. As you know HTML is not a programming language, it is a markup language and it is a set of markup tags. Thelatest version on HTML is know as HTML5.… Read More »

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 »