Responsive websites for responsive people!
Cybersmith
Good web design needs to look as impressive on the mobile phone as it does on the computer.
More people are using mobile devices to explore the internet than ever before. Websites need to cater for the wide range of mobile, laptop and desktop screen sizes and resolution. Don't lose out because people are skipping past yours.
Cybersmith
Your website should look good on all devices and we can help you achieve the results you need.
Cybersmith
Gosh. If you clicked the "READ MORE" button above you must either be a sucker for punishment or you suffer from insomnia.

So, here is how it works. A modern website utilizes two main components, an html page where all the display information is held, the text and images, and a style sheet, a css file (Cascading Style Sheet) that contains all of the styling information used to make the display information look pretty. It is structured in this way so that, in a worst case scenario even if the style sheet does not download, the basic data on the html page will still display even though it may look somewhat plain and boring.

The stylesheet is where the real behind-the-scenes magic happens. It holds all the styling information, the colour of text and backgrounds, the position of the various elements on the page, and the way they react to each other. The style sheet can also contain additional commands that enable the information to be displayed differently according to the width of the viewing device's web browser. These commands are called media breaks, and they are the basic building blocks of a responsive website.

This section of text itself has a media break attached to it. If you are reading this on a desktop computer with a fairly wide screen you will see that the text is laid out in three columns. But this layout would not be practical if viewed on a mobile phone held in an upright or portrait position. Three columns of text would either result in just one or two words per line if the text size remained the same, or lots of words but too small to be read easily if the text size was reduced proportionally. Neither solution is satisfactory. The correct solution is to reduce the number of columns as the screen width get narrower using media breaks. You can test this by making your browser's window narrower. You will see the number of columns reduce down from three to two and finally one on a very narrow screen. This is just one of the many "tricks" or techniques a website designer uses to construct a website that can be viewed across all platforms.

It can get very complicated, but fortunately you don't have to worry about these things too much because you have me to do it for you. That is why I look a bit like this guy below minus the tie.

Cybersmith

Contact me on info@cybersmith.co.za to find out how easy it is to get your own responsive website up on the internet.