+359 2 850 53 64

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

В помощ на уеб дизайнерите и програмистите

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

Източник: http://www.hongkiat.com/blog/rwd-tools/ .

 

Свързани статии

  • КЪМ СТАТИЯТА
    Кратка история на responsive дизайна
    Както най-вероятно сте забелязали, през последните няколко години значително се увеличи броят на мобилните устройства, а…
  • КЪМ СТАТИЯТА
    Уеб дизайнът през 2015г.
    За какво трябва да следят уеб дизайнерите през новата година? Внимание - някои от новостите за със заявка да се превърнат…
  • КЪМ СТАТИЯТА
    Основни елементи на успешния UX дизайн
    Въпреки голямата си популярност, терминът „потребителско преживяване” (“user experience” – UX) остава не добре разбран за…
  • КЪМ СТАТИЯТА
    За автори и илюстратори
    Поставянето на върха на молива върху лист хартия (или на пръстите върху клавиатурата) символизира традиционното начало на…

Дизайн и изработка на модерни и качествени уеб сайтовеПовече...