Alert The Media

newspaperResponsive web design is quite popular now.  It is nice for your users to have your site optimized for their device.  This user satisfaction can pay off in terms of sales or conversions (registrations, newsletter sign-ups, etc).  The key to this process is the media query.  Using CSS, you can present your site differently to the user based on their screen resolution.  For example, for the iPad user you can alter the presentation of your site using:

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {  }

The CSS code between the curly braces will only apply to users whose screen has a minimum width of 768 pixels and a maximum width of 1024 pixels.  There are resources available on the web which can give examples that you can use to target all sorts of devices.

In general, users of smaller devices might benefit from several changes as compared to your desktop version.  You might consider a larger font size, alternatives to hover effects, lighter or less images, and a more vertical layout.  Although your site might be fully functional in all of these formats, the user experience has value and should not be underestimated.

About Robert

Robert is a novice web site developer. A lack of professional training has not prevented him from creating some very nice websites for small businesses who would otherwise have gone without a web presence.


Subscribe to our e-mail newsletter to receive updates.

No comments yet.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.