VEEBIÄPP: XRespond

  • XRespond on responsiivse veebidisaini arendus- ja testimistööriist. Põhimõtteliselt on tegu virtuaalse seadmelaboriga, mis on abiks nii veebiarendajatele kui ka muudele tähtsatele ninadele.

    Idee sellist äppi teha tekkis umbes 4 aastat tagasi ning olen väga algelist prototüüpi alates sellest oma igapäevatöös kasutanud. Poolteist kuud tagasi jõudis õige aeg kätte ning arendus algas. Olles alles täielikus algfaasis, toimivad praeguseks juba kõige olulisemad funktsioonid.

    Enne, kui esimene MVP avalikuks saab, soovin olemasolevat versiooni pixlirahvaga jagada ning olen ääretult tänulik igasuguse tagasiside eest -- kommentaarid, kriitika, feature request'id.

    http://app.xrespond.com/
    User: dev
    Pass: dev

    Palun äppi kasutades meeles pidada, et XRespond ei emuleeri päris seadmeid, vaid laeb URLi paralleelselt mitmesse iframe'i.

    Ette tänades ja tagasisidet ootama jäädes,
    Indrek Paas

    21. september 2015 - 09:45:03 · Otselink

    8

    • Iframe vast sobib ainult disainerile pildi vaatamiseks kui sedagi. Toolbarid võiksid vähemalt näha olla ja viited konkreetse OS'i UI specile.

    • Jah, need lahendused sobiks, kui sooviks emulatsiooni. Loomulikult ei asenda XRespond päris seadmetel testimist ega pole see ka kunagi eesmärk olnud.

    Loe kõiki

  • Kiire pilk peale ja

    - touch events (võiks näiteks kursori muuta)
    - zoom
    - portrait vs landscape
    - warnings
    - scrollbarid võiks ära disainida

    Aga muidu ju ilus puhas jne

    21. september 2015 - 10:59:48 · Otselink

    4

    • Dev Tools näitab täna sulle ainult ühte seadet korraga. XRespondi üks ideedest on seadmeid kõrvutada ja arendades (koos live reloadiga näiteks) muutusi samaaegselt näidata.

    • kui ta näitaks õieti, olekski väga super, aga nagu juba välja toodud, siis see pilt sõltub hetkel browserist mitte device ja seega on kahjuks see võrdlus suht kasutu.

    Loe kõiki

  • Lisan veel, kuna ei tule vist selgelt välja, et äpp ei ole mõeldud päris seadmete emuleerimiseks ega hakka arvatavasti ka neid võimalusi kunagi pakkuma. Selleks ja paljudeks muudeks vajadusteks on lai valik juba olemasolevat tarkvara (Browserstack, Chrome Dev Tools jne).

    XRespond on eelkõige mõeldud visuaalseks tööriistaks arendajatele kes ehitavad responsive websaite, kuid võib katta ka muid vajadusi sellest väljaspool. Nagu iga veebipõhise äppiga, piirdub see browseriga, milles teda kasutatakse.

    21. september 2015 - 11:43:22 · Otselink

    15

    • võibolla pigem presentatsiooni tööriist? ... et näidata kliendile, milline tema leht välja näeb (võiks näha) eri device ... samas eks samad mured jäävad.

    • Me kasutame seda agentuuri t88s igap2evaselt, isiklikult mitu aastat.

    Loe kõiki

  • tfk 2 a

    Minu sendid:
    1. Teine menüüriba võiks olla esimesel real - hoiaks ruumi kokku.
    2. Akende scroll võiks olla sync'is. Kui kerin ühte näen ka automaatselt teisi (valikuga).
    3. Print vaade võiks ka olla.

    21. september 2015 - 14:10:13 · Otselink

    1

    • Ait2h! 1. m6lemale menyyribale on t88riistad ette n2htud 2. akende scroll on kysitav hetkel, v6ibolla tulevikus 3. screenshottide tegemise v6imalus tuleb kunagi aga k6igepealt lihtsad asjad

    Loe kõiki

  • oww 2 a

    http://breakpointtester.com/
    ma küll arendaja pole, aga tegu suht sama asjaga eks?

    21. september 2015 - 22:59:41 · Otselink

    3

    • link

    • Ait2h, ma olen nende k6igiga kursis.

    Loe kõiki

  • Kuldar 2 a

    Täitsa äge, mulle meeldib!

    23. september 2015 - 00:18:14 · Otselink

  • Paar üleöist uuendust:

    - seadme dropdowni otsinguriba on nüüd autofookuses
    - kui ükski seade ei vasta otsingule, kuvatakse sõnum koos võimalusega algnimekiri taastada
    - cross-domain piirangute infosõnumid kasutavad nüüd ettenähtud notification widgetit

    23. september 2015 - 02:05:05 · Otselink

  • Kaevan teema jälle üles, kuna äpp sai paari päeva eest avalikustatud ning esmaesitluseks kohandatud.

    Olgugi, et esimene versioon tuleb vaid käputäie kasutusvõimalustega, on see juba piisavalt võimas tööriist aitamaks igapäevaselt responsiivseid veebilehti ehitada. Valikus on 20 enimlevinumat seadet/ekraanisuurust millega veebilehti vaadata ning võimalus vajadusel enda vajadustele sobiv lisada.

    Olgu siinkohal öeldud, et ma ei poolda responsiivset veebiarendust, mis on suunatud kindlatele seadmetele, vaid äämiselt paindlikku ning suhtelist lähenemist. Jälgin ise kujundust pidevalt muutes browseriakna suurust, kuid eelistan lisaks sellele näha neid ka kõrvuti, kus muudatused on läbi erinevate breakpoint'ide korraga näha.

    xrespond.com

    20. aprill 2016 - 07:56:40 · Otselink

  • Ma juba jõudsin brauserit crashida. Kirjutades input kasti "app.xrespond.com" läheb leht infinite loopi :D

    20. aprill 2016 - 12:48:36 · Otselink

    3

    • Tasuta dyno sai läbi, läksime tasulise peale. Äpp ei kasuta oma tööks serverit vaid kõik toimub kasutaja masinas.

    • koli https://www.openshift.com/ saad tasuta jooksutada

    Loe kõiki