Направите Моцкупс уређаја у претраживачу помоћу ДевицеМоцк-а

На мрежи можете пронаћи тоне бесплатних макета уређаја, у распону од ПСД-ова до Скетцх датотека. Али, шта ако можете брзо направите макете уређаја у покрету у вашем претраживачу?

Па, захваљујући људима у рм-лабо-у, можете! Њихов бесплатни јКуери плугин, ДевицеМоцк.јс, омогућава вам омотајте векторски уређај око било којег елемента странице, користећи једноставне ЈаваСцрипт и СВГ-ове.

Дакле, како се то ради?

Па, прво ти треба копију јКуери и верзију ДевицеМоцк додатка од ГитХуб-а. Ово долази са ЈС фајлом, ЦСС фајлом и неким СВГ датотекама за креирање стварних уређаја.

Можете циљајте било коју врсту елемента на страници, од једноставне слике до целог див-а, или чак уграђеног елемента као што је ифраме. То знаци да цак мозес направите кул мини претраживач на вашем сајту са ифрамеом на другу страницу.

Овај плугин подржава пет различитих типова уређаја:

1. Интернет претраживач
2. Смартпхоне
3. Таблет
4. Десктоп
5. Лап топ

Све ове макете користе стилови равног дизајна пошто су направљени са СВГ-овима. И сви они изгледају веома слично Аппле уређајима, на пример паметни телефон је клон иПхонеа и десктоп монитор који изгледа упадљиво као иМац.

Сви ови вектори се лако додају и они раде сваки претраживач са СВГ подршком.

Можеш чак и промени својства као што су величина модела, тема (бела / црна) и оријентација (усправни пејзаж).

Ако користите макету прегледника можете чак и наведите лажни УРЛ у адресној траци. Ово је забаван начин да додате још више прилагођавања.

Ова библиотека неће бити корисна свима осим њој решава проблем који се суочавају са многим УИ / УКС програмерима приликом израде прототипа.

Да бисте сазнали више, посјетите ГитХуб страница или проверите ливе сите за активни демо.