Инструменти за responsive дизайн

На пазара и в интернет пространството се появиха множество инструменти, които целят да подпомогнат уеб дизайнерите и програмистите в процеса на създаване на един 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.