Responsive Ideas in web designing: an inspiration to create website look cool

A fine looking Web design is made up of HTML, CSS, JavaScript, JQuery like programming codes. The latest trends to follow in web designing must be known.

  • Make images responsive using a percentage
  • Use simple typefaces like Calibri, Arial for readable text
  • Use box-shadow property for boxes and Divs to provide slim 3D effect to your webpage
  • You can use property text-shadow for typography using the color opposite of your font like white for dark text or black for light text
  • Control responsiveness with properties like min-width, max-width, min-height and max-height. Two properties as min-width and max-width help create websites for mobiles and desktops
  • Incorporate media rule in HTML file as: <link href=”style.css” rel=”stylesheet” media=”all and (max-width: 1024px)”> and in CSS as @media all and (max-width: 1024px) {…} and @import url(style.css) all and (max-width:1024px){…}
  • For media types between 800 and 1024px, use @media all and (max-width: 800px) and (max-width: 1024px) {…}
  • For selecting a particular orientation(landscape or portrait) of only screens devices, use media query as @media only screen and (orientation: portrait){…}
  • To set resolution use min-resolution: 300dpi
  • For viewports under 420px float: none is used for sections
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s