Tweak Your Biz » Technology » 8 Tools To Enhance Your Responsive Website Design

8 Tools To Enhance Your Responsive Website Design



Let’s assume a time when smart phones were new to the world. Developing websites were becoming increasingly popular and developers were gaining knowledge while working on a website. At such a time, developers used to create different website for the different devices. For example the website for a PC did not match in size to the website for a mobile which made it difficult for consumers to view the same website on mobile. So, there was a separate mobile website in which companies invested money while developers invested their time and energy.

But, at that time websites and mobiles were gaining popularity. Today it is slightly different. Mobiles and websites are a given and hence developers can’t really keep developing separate websites for both devices every time. This is where responsive website design grid came into being. Responsive web design allows you to design the website once and resizes itself as per the device. So, you won’t see any issue when you view a particular website on a PC, tablet or smart phone. The website automatically resizes itself as per the device size and shape.

8 Tools To Enhance Your Responsive Website Design

When you are talking of responsive web designs, you also need specific tools to help you build on their responsiveness. Firstly, you need responsive grids and wire-frames which will help the responsive designs. Secondly, you need responsive images and typography that will match the design while the third major tool would be testing tools to check the responsiveness.

Here you will find an exhaustive list of responsive tools necessary for grid designs to make viewing and navigation of responsive designs absolutely comfortable.

#1. Bootstrap Framework

It is one of the free responsive web design frameworks which works using CSS and Javascript to design the site. You can always customize the code bloat or remove it in order to increase the loading speed. It speaks volumes of documentation and representation. It is compatible with both HTML5 and CSS3 which is pretty useful to all the web designers and developers.

#2. Skeleton Framework

Another interesting and popular grid tool that is used by most designers indulging in responsive web design! It is a purely CSS based framework. It is a 960 grid system but developers can resize and accommodate it as per their device size and development purposes. It’s lightweight, loads fast, responses well and is pretty neat to use.

#3. Semantic Grid Framework

This grid tool and design is pretty popular because of the pre proceeded CSS extensions that come along with it. You can modify the number of columns, the width of the columns and the width of the gutter at any point using this framework.

#4. Less Framework CSS Framework

It is basically a four set web layout which has predefined layouts for PC, laptops, tablets and mobiles. It is based on the simple grid layout that has been quite popular with developers. It uses the adaptive CSS grid module that resizes and adapts as per the screen size and the device type.

#5. Golden Grid Framework

In case you are looking to begin structuring your grid framework, you could begin with the Golden grid framework. It could be the starting point for your responsive website design grid. It comes with proportion gutters so that you can arrange your content to a resizeable format that can be used on any device. The baseline grid can be zoomed and viewed using this framework.

#6. Gridless Framework

With gridless, you can use HTML5 and CSS3 boilerplate to design and develop interesting and responsive websites. It is an open source tool for grid frameworks. You get interesting typography with this framework and it also comes with the internet explorer bug fixes which are helpful to you for sure. It works with feature phones too for a great many reasons so you don’t need smart phones to actually make these websites work responsively.

#7. Gumby 2 Framework

It comes with the Sass CSS preprocessor that is pretty popular. It is one of the major tools used for responsive web designs. You can customize this framework to suit your design and development needs. It has responsive images, intrinsic ratios, video embed, buttons, toggles etc. that is needed to build an amazing website. Typography that is important to a website can also be taken care of using this framework.

#8. Columnal Framework

It’s a mashup framework. All the best possible tools of the other framework come along with this one making it an interesting framework. Debugging and building a responsive website design grid is pretty easy with this framework. It uses the popular CSS tool, so it is relatively simpler to use and build on.

If you have any suggestions please let us know in the comments below.

Images: ”Modern devices mockups fpr your business projects. webtemplates included.  / Shutterstock.com

__________________________________________________________________________________

Connect with Tweak Your Biz:

                     

Would you like to write for Tweak Your Biz?

Tweak Your Biz is an international, business advice community and online publication. Today it is read by over 140,000 business people each month (unique visitors, Google Analytics, December, 2013). See our review of 2013 for more information

An outstanding title can increase tweets, Facebook Likes, and visitor traffic by 50% or more. Generate great titles for your articles and blog posts with the Tweak Your Biz Title Generator.

Want to get your business featured on Tweak Your Biz? Check out #TYBspotlight.



Sponsored Content

The Author:

Juned Ahmed has been with IndianAppDevelopers Company as a marketing consultant, he also enjoys writing about Craigslist ad design and latest technologies used by app developers India for mobile and web applications http://www.indianappdevelopers.com

Add Your Comment

  • Christina Giliberti

    Hi John, another thought-provoking and hard-hitting post! Fear is an awful word which conjures up an image of lots of head shaking. But we do all fear something (or many things) at a particular level.

    Fear is restrictive, limits our growth and stalls us from logical thought. Fear of change stalls many businesses from innovating. I may even tag on here that the fear can be broken down into:

    - lack of understanding of online platforms
    - little knowledge of marketing online
    - less faith in results
    - less time to explore / reap potential rewards

    Obviously, these are all excuses and barriers to the real reason ‘I’m scared and I just don’t want to’.

    Lessen the fear, take the first step and ease yourself into a new way of conducting business (and thinking). Everyone learns to ride a bike or swim, but first they have to get over the fears of falling and drowning. Faith and practice, improvement and results!

  • http://www.ahaingroup.com/ John twohig

    Thank you Christina, I agree fear is a difficult word for people, but not using it does not detract from the reality. People fear change, some use the word dislike or avoid change. This is an attempt to hide from reality. Honesty is also a key missing ingredient on occasion, as we are trying not to up-set people. This actually inhibits peoples growth because if they are not aware of the fault how can they fix it?

  • http://www.garybembridge.com/ Gary Bembridge

    Thanks for the article. In my experience at large companies I think that the fear is driven at “the top” more by lack of understanding of the space. They have grown up with certain tools, which worked for them and helped them get to where they are – but they have not embraced new tools like social media. I think the best way for them to overcome the fear is to personally use the tools. In organisations i worked at we had the top leadership talking and pushing for brands to do more digital and in social media – but they did not really understand what it meant as they were not users – and people knew they ware not using the tools themselves. It is that old “walk the talk”. Companies were the leaders embrace and sue the tools have less fear – and will use them

  • http://www.ahaingroup.com/ John twohig

    In some cases Gary I would agree, it is lack of knowledge. In Ireland a lot of conversations I am having would confirm fear of mistakes and embarrassment, which is not close to good enough. The expertise is here to help companies strategise to avoid this. In a post some months ago I wrote that most age 50+ management in Ireland believe Social is for their children or grand children, to have some fun with. Certainly not for business.

    This has got to change, they are not informing themselves. It would be akin to a doctor proscribing antibiotics from 10 years ago because he/she did not stay current, it would not be tolerated. Online is a huge market, which if harnessed in the correct way would save/create jobs in Ireland.

  • http://www.bloggertone.com Niall Devitt

    Nicely put, John. Most big companies that engage initially do so as a preventative rather than opportunistic measure. I think the biggest hurdle for them is in accepting that their potential for controlling the message is now so much less! This is a new reality, but many senior managers feels more comfortable by continuing to imagine a world that they once knew.      

  • http://www.ahaingroup.com/ John twohig

    Thanks Niall, I agree the control issue is something the online advocates must work to help senior management to understand. We can not stand back and shrug our collective shoulders. This is a barrier to entry for companies and has to be addressed to facilitate them.

  • Davidfitzgerald

    John
    strongly held views well articulated. However as a small business  owner I don’t subscribe to the view that “fear of change” and several other reasons cited for not engaging are the primary drivers.

    For many small business owners still working in their business rather that on it – I think is comes down to resources, available time /opportunity cost, expected ROI , market, and customer profile. This is not necessarily a reflection of a head in the sand but a simple commercial reality.

    Whether these realities prove to be terminal remains to be seen. I suspect corporate failure is the result of many critical strategic management errors rather than just lethargy about social media?

    David

  • http://www.ahaingroup.com/ John twohig

    Hi David, and thanks for the comment.

    For the Sme’s I can kinda agreed with what you are saying. The resources are an issue. Online business advocates are available to you and all Sme’s. I recommend a small business starts with a toe dipping exercise into social.

    The Owner/Manager starts with some research into where their customers spend there online time. 3 million are now online in Ireland, with over 2 million connected to one social platform or another. We are still waiting for last years online sales figures for Ireland, but it was nearly 2 billion euro in 2010.

    That’s a major market, my question would be, how do I get a piece of that:)

    John

    PS Einstein said, the measure of insanity, is to do the same thing over and over but expect different results. I say, innovate and make new mistakes not old ones:)

  • davidquaid

    Hi John

    The problem at the SME and Large Corporation isn’t fear of online, it’s just complete confusion. 

    We’re going to have to stand back and take some responsibility here. The problem for companies is the huge amount of misinformation, confusion and complete rubbish spouted by would-be have-a-go Internet Marketing heroes that have littered the landscape in recent years. 

    My insider joke : “What’s the difference between a guy with a taxi licence and a €200 Toyota and somebody who owns an Internet Marketing company? The guy with the Toyota is licensed and has actually invested in his company”

    Gone are the days when just because you can string together some HTML and it runs in a browser without crashing it = certification to be a web designer. If it’s still theory, then you’re still a student. Just because you built a website and sold something, doesn’t make someone an accomplished internet marketeer, regardless of how “passionate” you are.

    There are so many people who yesterday were driving a truck, being a life coach, selling vacuum cleaners but are now the most passionate online guru’s in the world and if you’ve got money to burn, boy will they help you.

    There are no standards, certifications or metrics by which one provider can be measured against another. I don’t know how many business owners I’ve spoken to and looked them straight in the eye to say “I really don’t know how you pick a good digital provider, there are so many cowboys out there.” If you’ve never been online, then where do you start?

    The second problem is that of control. Mirroring the challenges in the consultant/vendor side – the marketing managers in these companies believe its their job to fix these things. The biggest problem I’ve encountered is where somebody who doesn’t even like the internet suddenly becomes my “manager” and wants to use the company’s digital strategy to “fix” the internet from their perspective. Its crazy!

    How many of us have been in a early day discussions with companies and have realised the following:

    1. The client is spending too long humming and fretting over designs: Design comes from flyer and billboard advertising days where we showed “noise” to 100k people in the hope that just 50 would remember us. Now we can connect directly. Nobody cares if your “above-the-fold” advertising is in a lovely rich and vibrant red – they want to know if you can solve their problem, add value, make them more money or save them some.

    This does a better job: http://theoatmeal.com/comics/design_hell

    2. Somebody within the client organisation is actually trying to kill the project. For whatever reason

    3. Somebody on the inside recently read the ramblings of some idiot that somehow favours their cynical view of the internet and therefore justifies their irrational decision making (the irony isn’t lost on me :-P )

    4. Despite all of your past wins and successes, suddenly you are being “managed” by a graduate/intern/lowest possible level because ultimately we all know that the internet is free so why should we pay for you to tell us how it doesn’t work.

    Internet Marketing isn’t about execution. Its about developing a strategy based on a set of activities that have, in the past, proven to work no matter what the company. If your strategy can’t find the money, then you can blame the client all you want for being afraid. If your strategy relies on blind faith, then no wonder people are afraid [confused]. 

    Lets be honest – I know I’m not afraid to be – we have to do better.

  • http://www.ahaingroup.com/ John twohig

    Morning David,

    I couldn’t agree more with you about the level of service provided by some “experts” and the lack of regulation, welcome to Ireland. At some stage the Government will attempt to regulate and give over the job to some equally brilliant organisation such as Fas, to mess it up even more:)

    As a community we do have to take responsibility for the present situation. We have to do so much better to gain companies trust. This will take time and the quick buck merchants will still exist, they always will.

    As for the fear I spoke of in the post. I personally and some involved in our group have reported conversations which took place with senior management. Which were basically, how can we get on line with-out embarrassing the company or ourselves. It’s the old saying, nobody ever got fired for hiring IBM, fear of putting their necks on the block, fear of looking foolish, fear of making a decision.

    It’s human nature.

    John 

  • Rory Noonan

    Timely reminder to us all that the digital age is the way forward, regardless of the type of business you are involved in. Without an online strategy, and lots of companies still don’t seem to have one, you are like John says, burying your head in the sand. But many companies seem to have a fear of embracing this strategy and  shy away. Time to change or you may run out of time to change.
     

  • http://www.ahaingroup.com/ John twohig

    Thanks for the comment, we are half way thru the digital age. Now people have access to instant publication via social platform. In history human beings have never had such access. The printing press started one revolution, maybe digital will start another. 

  • http://www.facebook.com/people/Warren-J-Rutherford/1260515348 Warren J. Rutherford

    John – believe you hit, in the States, a home run (what would the term be in golf or Rugby?)  Organizational change as well as consumer driven change are constant and we are all well advised to listen up and take positive steps as you suggest.

  • http://www.ahaingroup.com/ John twohig

    Thanks for those kind words Warren. Was the home run hit out of the Park? The golf term would be a “Hole in One”.It is not rocket science but behaviours have to change. Enjoy the weekend.

  • Smallbiztrends

     In golf terms that would be a hole in one (or at least an eagle).  LOL

  • Smallbiztrends

    Good article, John.  I think the bigger the company, the harder it is to embrace change.  that’s because so much revenue typically depends on legacy business that it’s hard to justify trying new things.  Companies have a tendency to do what worked in the past because, well, it worked. 

    I will never forget the advice of a mentor of mine in business.  He always said “Look outside the 4 walls.”  And what he meant, of course, is that in the corporate environment you get tunnel vision looking at financials and what has worked in the past — you don’t always look outside.  But you must, because you may find that the world is changing quickly.

    - Anita

  • Smallbiztrends

     Oops — didn’t mean to repeat your comment about the hole in one, John — I missed it the first time!  I agree with it.

  • John Twohig

    Or Anita, maybe the most rare bird of all the Albatross or as you call it in the US a double eagle. 

  • John Twohig

    I agree with what you are saying Anita, particularly about the large companies. Which makes the work of Coca-Cola and Ford, in the Social space, all the more note worthy. Muthar Kent the CEO of Coca-Cola encourages his staff and management, to be “constructively discontent” every day in their work.

    Not a lot of the Fortune 100 companies will take that level of risk.

    Thanks for the comments.

    John

  • Mark

    John,

    Great article, some food for thought there personally. What’s really got me thinking is the notion of new mistakes – we’re not going to get it right all the time, but let’s at least learn from something new as opposed to falling into the same old traps each time! 

  • John Twohig

    Yes Mark, if you are going to make mistakes, let them be now mistakes. It shows you are taking chances, trying to grow personally or in business.

    Thanks for the comment.

  • http://www.ahaingroup.com/ Niall Devitt

    Hi Juned & welcome to Tweak Your Biz. Thank you for highlighting these 8 responsive design tools, most of which I was not already aware of.

  • http://www.tweakyourbiz.com/ Sian Phillips

    Welcome to Tweak your Biz Juned. Not being so technical myself I hadn’t heard of these but with all the different ways of viewing websites online these days it makes sense to use something that makes it easier without having to redesign for each device. I look forward to your next post