Online Tools Web Design

Back to Basic of Responsive Web Design using frameworks

Responsive Web Design using frameworks

This is become a trend that every website owner is saying that we are on mobile too and shows their Mobile version website on their smartphone. Responsive web design technique made one website for all screens like Laptop, Desktop, BlackBerry, Android,  iPhone, the iPad, netbook, Kindle or any tablet and in coming future we are sure we have to make responsive website for number of new inventions.

[box type=”shadow”]“Basic concept of making website Responsive is to understand the device resolution of your targeted audience”[/box]

Making website Responsive is method that recommends that your designs and developed website should reply to a common user’s behavior and atmosphere built on size of device screen, device orientation and the platform. This is totally depends upon the mixture of flexible grids system, frameworks, markup, images and CSS media queries.

Idea is when user switches from their desktop to tablet or phone, your responsive website should automatically switch to that resolution, and should accommodate images sizes and scripting accordingly. Means your website should have the compatibility to automatically response to the preferences of your audience.


21 Frameworks and Grid System for responsive work


1. Bootstrap – Most wanted and simplex way to responsive

2. 1140 CSS Grid

3. Semantic Grid System

4. 320 and Up

5. Golden Grid System

6. 1KBCSSGrid

7. Gridset

8. Fluid Grids

9. Columnal

10. Fluid Grid Calculator


12. Variable Grid System

13. LessFramework 4

14. Tiny Fluid Grid

15. Flurid

16. Gridpak

17. Susy

18. Gridless

19. Inuit.css

20. SimpleGrid

21. Foundation 5


Bonus: Online Responsive website testing Tool

Testing of your website is also important factor for making website working fine. Here is the awesome online tool have a look…
Have a cup of coffee on discussion of responsive web design, contact us 🙂


By Creative Alive Staff

is here to write about latest trendy web designing and development tips and techniques which are used to produce a good brand or product in market. We are energetic and having zeal knowledge of simple tutorials, time-saving methods. Hope we will help you to make web better and alive enough. Lets spread some creativity out there... Cheers!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

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