This “Black Friday” tablets were everywhere. In many cases, they were selling for well less than a couple hundred of dollars.
My hunch is that in the coming months we’ll see a further explosion of tablet web visits.
That means you should have your website optimized for tablet visitors, but don’t be scared. It is actually quite simple. All you need to do is set up your website with separate stylesheets which are activated depending on the size of the visitors browser. Here’s a full article from css-tricks.com on how to pull that off technically.
As you begin working on tablet and mobile stylesheets I recommend copying and pasting from an existing stylesheet and revising it. More specifically:
- Eliminate any and all flash, as Apple doesn’t support it
- Keep as much content as you can in one or two columns
- Eliminate any large images. To do this simply add to the bottom of a img class on the stylesheet {display: none;}
- Make sure you are using html5 and css3 for color formatting and gradients. It’s a much faster load this way.
- Reshape your main navigation buttons. Consider adding some rounded edges on buttons and corners. It gives the site have a more modern feel.
- Don’t be afraid to cut stuff out.
- Test and retest and make a note that as you design, you should be able to play with the window size of computer’s web browser to see new stylesheets take.
If you have further questions, check out a forum for web developers and please share any other good tips you have.
Home