I am a child of a new-media generation so naturally I have embraced all that social media has to offer; Twitter, Facebook, Instagram, Google+, Pinterest and Linkedin are all on my social radar, plus a few others.

Until recently I hadn’t realised how much of my time these social services where taking or even how many I was using; not to mention the pressure I was putting on myself trying to maintain them. This made me ponder about all the recent talk of social fatigue and the various cases of depression and addiction reported by the media.

So let’s break it down and look at each problem in isolation:

Social fatigue

This is the feeling of being totally overwhelmed with the amount of information you are receiving through your accounts, combined with the commitment you have made to update your own.

Social addiction & depression

This is a little harder to pin down as a problem, but I think most social network users would admit a certain level of addictive behaviour when using social media (I know I do). Recent studies have also shown links between Internet addiction and depression, although which comes first is uncertain. The main cause of social depression though seems to be the following of other peoples lives and the inevitable comparisons that we make between ourselves and of those that we follow.

I can see how these two conditions have entered our lives in this social revolution and why some are suffering more than others; now I am no medical professional, but from my own social media experiences I know there are things that we need to be aware of and things that we can do. Here are my suggestion of how to get the most out of social networks without reaching your natural limits:

Limit your social platforms

I have had to do some cutting back myself, I am a registered user for all the networks mentioned in the opening of this article; but I now only use three regularly, Twitter, Facebook and Instagram are now my chosen networks. By all means try out all social networks but only focus on a few, this will naturally lighten the load.

Remember, everything is not what it seems

I follow a lot of people on my Twitter network, and they all seem to be having an amazing time, articulate and happy, living in sunny places with perfect families! Now, this is great and I am happy for anyone who is living life to the full; but I know how easy it is to compare your life to theirs, just remember one thing, the people you follow are only showing you one side of their life! ?Most people don’t air their dirty laundry online so we get a skewed perspective, remember, everyone has bad days and negative things happen to everyone, some just choose not to broadcast it.

Have a day off

This is easy, just have a break, whether it is the weekend or a random day in the week! This will allow you to refocus on the important things in life and to be social in the real world.

This is a new world and the full impact of our digitally connected lives is still yet to unfold. Just keep it all in perspective and make sure the balance between the digital and real world is equal.

If you use Twitter, read Smashing Magazine or any of the other leading design blogs on the web, then no doubt you will be aware of responsive design and the impact that the industry knows it will have on all web developers and designers. If you don’t, then here is an overview of what it is and why I decided now was the time to get on-board.

So what is response design

Responsive design is basically adapting a website to appear appropriately dependant on the device being used by the user. This has existed in web design for some time, particularly when a designer has needed to ensure that a site appeared correctly in all web browsers, and more notably IE6. Usual this was achieved by using media queries which detected the browser version and delivered the appropriate style sheet, eliminating the need for crude hacks or work-arounds to create a consistent experience for all.

Today with the introduction of CSS3, we are not simply limited to browser specific queries, we have much more control and can detect a browser screen size and deliver a set of specific styles to that as well. This new ability means that we can choose to build our projects with a set of structured options or alternatively with a fluid response meaning that one site can potentially work comfortably on many devices without a huge amount of work.

A simple responsive experience, and why?

With all the hype I simply couldn’t ignore the seemingly inevitable future for our industry, so I finally bit the bullet and gave it a go. Now, as I have only every really created fixed width designs my first job was to update all my values to percentages so that the design would scale effectively, however, I still wanted to keep a maximum site width, so in addition to the width:100%; value I added the max-width: value as well, specifying my desired pixel dimension (sorry, I know pixel!). So this would give me a desired maximum site look while still giving the overall flexibility of the percentages.

Once the scaling was complete (feel free to test this by resizing the browser window), I then did my research which took me to a great article on Smashing Magazine. Articles like this give invaluable information on all aspects of the responsive design process and I would recommend taking your time to find the most appropriate option before really trying to get to grips with responsive designs. For me however, I explored the '@media screen' function, this gave me the control to adapt my design when hitting certain screen dimensions, for example the first thing I tried was to remove content when the screen dimension was that of an iPhone, which looked like this:-

@media screen and (max-width:400px) {
#primary {display:none;}
}

You will see that if you reduce the browser window to below this dimension the sidebar of my site disappears, and the same happens on the iPhone, and that is how the responsive journey of nasarik.com began.

Stumbling blocks

I hit a few novice snags along the way which nearly caused me to give up, one of which was the iPhone still scaling my site even though I had included queries. Don’t panic a simple meta value in your <head> ensures that the iPhone behaves as you would expect and here it is – <meta name=”viewport” content=”width=device-width; initial-scale=1.0″>

Finally, testing can be an issue particularly if you don’t have an iPhone, so try using http://iphone4simulator.com/ it seems to render perfectly and is free.

Conclusion

Responsive design isn’t to be feared, play with it, try and break your site and see what happens.

A number of web designers have decided to stop supporting some browsers and particularly Internet Explorer (IE6 to be precise), but as IE6 becomes the native browser for a number of smart phones is it right to dismiss what still can be a large and relevant section of your audience.

I have been designing pages for a number of years now and have experienced my fair share of Internet Explorer 6 nightmare moments, however, this has never stopped me supporting this browser along with others.  During the past three years I have tried to support the main browsers, IE, Firefox, Chrome and Safari, a decision simply based on the analytics available to me which have shown that IE in all its versions is the most popular followed closely by Firefox then Safari and Chrome, so it puzzles me why some designers and companies have decided to stop support for IE6!

My job as senior web-designer is measured on a number of factors, these are unique users, page impressions and visit duration; all these are affected by how accessible the website is.  Accessability at its essence is making a site easy to use for all users, people are coming to your site with varied skills and technology,  from many geographical locations and cultures so we as web designers have a duty to make our sites for all these people.  It seems however, that an ever growing number of designers want to ‘Kill IE6′ to somehow make the Internet a better place but punishing the ill-informed seems to be a very negative way to do so.

IE6 until recently was the most popular browser, this is  simply because it was the standard install with Windows XP and for many users of PC’s IE6 is just a window to the Internet nothing more; other users of IE6 don’t have a choice, the technology infrastructure in some companies is old leaving their employees no other option but to use this old browser, finally certain smart phones are using a web browser based on IE6 which we can only assume will become more popular over the coming months and years.  With all this in-mind how can anybody seriously think about not supporting what is going to be part of the web for the immediate future at least, I understand that it makes the overall design process more difficult but who said web design was ever going to be easy!

I became a designer to creating designs for all to enjoy, so not supporting at least the main browsers goes against all I am trying to do.  So to help make things less painful with cross browser testing here are a couple of  links to services I have used and would recommend.

Browser Shots is a comprehensive online testing solution (external link)

IEtester – great for ironing out quirks between IE versions (external link)

Don’t forget, as designers or even users of the Internet with knowledge we shouldn’t damage peoples experience, we should educate and advise to help make things better for all!