summerbreeze

3 features that make responsive design a must have

28 October 2014

Over the last few years, many responsive templates, CSS frameworks and WordPress themes have sprung up. It is, for example, possible to create a responsive website in WordPress without writing a single line of code

1. Media Queries

Media queries let you design different layouts for different media types like screen, print, TV, handheld devices etc. Depending on the media type, you can configure the style, the font and other elements of the page. Introduced in CSS3, media queries let a designer customize the presentation of the content to suit a specific range of output device types. They consist of a media type declaration and one or more media feature expressions that evaluate to true or false.

2. Fluid Grids

“Fluid grid” is a term used to describe a layout that is coded in relative proportions of the various elements, rather than with fixed pixel values. Traditional CSS layouts used fixed width grids to position the elements. The fixed-width approach no longer works today now that we have device screens ranging from 3 inches to a few feet. In a fluid grid design, everything is coded in terms of its relative proportion to the base element i.e. instead of specifying the height and width of each element; it is given a percentage or relative size.

3. Flexible Images

Images are deemed flexible when the image renders in native size, as long as the HTML container supports it, but when the browser window shrinks, the image scales to fit it. Even if the rest of the design is fluid and responsive, it’s not going to render well, if all components don’t scale. This can get tricky with images and videos. A 700 pixel wide image will look great on a desktop, but get chopped off when viewed on a 320 pixel tablet. Most modern responsive designs use the CSS max-width property to make images scale.



Latest Posts


  • web-hosting dubai, web design dubai, cloud hosting dubai

    8 Benefits of Cloud Hosting Solutions.

    23 April 2018

    If you are into business, sooner or later you will have to get a website…

  • website nevigation2017, web design dubai, web design,

     Top 5 Web Navigation Trends For 2018.

    18 April 2018

    Over the last few years, we have seen lot of changes in the way we…

  • website redesign dubai, web development dubai, website design dubai

    How Often You Should Redesign your Website?

    04 March 2018

    Website redesigning is not something that you want to do very often. However, if you…

  • web design company, web design company dubai, tips when you need web design company dubai uae

    You Know , You Need A Web Design Company When….

    28 February 2018

    With growing internet users, online presence has become essential for every type and size of…

  • web design agency dubai, web design agency uae, web design agency, reduce ounce rate tips dubai, why customers leave website

    8 Reasons Your Website is Turning Customers Away.

    25 February 2018

    Your website is live for a few months now, and on the surface, everything seems…

  • tips for SEO friendly webdesign. web design company Dubai, Web design and development

    How & Why You Should Have SEO Friendly Web Design?

    14 February 2018

    Although in the past, the actual web design of the page does not have all…

  • mobile commerce, e-commerce web design Dubai

    Mobile Commerce – The new Frontier for E-commerce?

    12 February 2018

    With the increased popularity of mobile phone devices, the trend of online shopping has increased…

  • e commerce solutions Dubai, web design dubai, web design company in Dubai

    E-Commerce Trends For 2018.

    23 January 2018

    As we are approaching to a new era of digital transformation e-commerce has gone beyond…

  • WebDesign improve conversion rate , web design dubai, web design and develpment dubai

    10 Tips to Improve Your Website Conversion Rate.

    18 January 2018

    Many people believe that setting up a website for their brand or company is enough…

Trending Updates
web-hosting dubai, web design dubai, cloud hosting dubai

If you are into business, sooner or later you will…

Read More
website nevigation2017, web design dubai, web design,

Over the last few years, we have seen lot of…

Read More
Social Channels

Testimonials


  • I contacted Whitehats through their website and was immediately served by a customer service agent. I briefly explained my concern and gave my contact details. The same day in the afternoon I was contacted by an IT engineer and we scheduled a date for a visit to my apartment. Upon arrival the next day the engineer was polite, professional and confident and got the job done in an appropriate manner. I’m very satisfied with the service provided by Whitehats and plan to contact them in case of any future services. Therefore I would also recommend them for any IT related services.

    Saba Elahi

  • Whitehats cooperation with us has been indispensible, wherever we faced problems they were very fast in assessing and rectifying the things. Their continuous support has given us immense confidence for smooth functioning. During our office premises shifting, great efforts and support from you, we were able to start operations at the new premises without any downtime. They are like 24*7 support for us.Sachin Kansal | Manager (Compliance) and MLRO,

    State Bank of India

  • Professional, Quick response, Excellent service, Dedicated team! All you need in a great business and Whitehats provides it!Didier Sloukgi | Finance & Admin. Manager

    NORTHCORP

  • We have been dealing with Whitehats for more than 3 years and we are very happy with their service!! I can call them anytime :) if we have problems.Tina Tejones | Accountant General

    ACO

  • I have known White Hats for the past four years now. They are very reliable IT Company efficient in their work and you could have them at your beck and call anytime. Besides their staff are very co-operative and accommodatingRenate Fernandes | Office Manager

    id-Studio