
На пазара и в интернет пространството се появиха множество инструменти, които целят да подпомогнат уеб дизайнерите и програмистите в процеса на създаване на един responsive уеб сайт.
В следващите редове сме посочили някои от тях, като за улеснение инструментите са разделени в няколко тематични групи.
Grid и Frameworks
• Skeleton
• Less Framework
• Semantic Grid System
• Golden Grid System
• Gridless
• Bootstrap
• Gridset
• Gridpak
• Susy
• Tiny Fluid Grid
Scetch Sheets и Wireframes
• Responsive Web Design Scetch Sheets
• Responsive Wireframes
• Style Tiles
JavaScript и JQuery Plugins
• Adapt.js
• Isotope
• Masonry
• Respond.js
• TinyNav.js
• Wookmark
Testing и Preview
• ProtoFluid
• Responsive.Is
• Responsive Web Design Testing Tool
• ReView
• Screenfly
• Screenqueri.es
• Responsinator
Sliders
• Blueberry
• Elastislide
• Responsive CSS3 slider
Други
• Adaptive Images
• FitText.js
• FitVid.Js
• Retina Images
• Seamless Responsive Photo Grid
• Zurb
• Media Query Bookmarklet
*Какво е responsive дизайн?
Накратко казано, responsive дизайнът позволява на уеб сайтовете да се визуализират добре на различни видове устройства – мобилни и десктоп. При responsive дизайна, когато потребителят смени лаптопа с iPad-a си, например, уеб сайтът автоматично променя резолюцията си, размера на изображенията и възможностите си за скриптиране.
Източник: hongkiat.com.