Mainos

Verkkokehittäjien ei ole kovin kätevää testata verkkosivujen suunnittelua vain tietokoneella huomatakseen, että malli on viallinen älypuhelimelta katsottuna. Täällä on apuna FROONT, jonka avulla voit ratkaista tämän ongelman kehitysvaiheessa.

FROONT on ilmainen verkkopalvelu, jonka avulla voit suunnitella verkkosivuja reagoivassa käyttöliittymässä. Alat käyttää verkkopalvelua luomalla tilin verkkosivustolle. Seuraava askel on aloittaa uudella kankaalla, vaikka voit testata myös sivua sen esittelysivulla. Kankaalle löydät vasemman ruudun säätimet, joiden avulla voit lisätä säilöjä, ruudukkoja, tekstiä, kuvia ja vektoreita. Voit napsauttaa elementtityyppiä, jonka haluat lisätä.

froont

Painikkeella napsautuksen ja sivulla tosiasiallisesti ilmestyvän elementin välillä saattaa olla pieni viive - eli elementin latausaika. Kun elementti on sivulla, voit napsauttaa sitä korostaaksesi sen.

froont

Kun elementti on valittu, sen hierarkiaruutu kelluu heti sivulla. Tämän kelluvan hierarkiaruudun avulla voit helposti poistaa tai viedä tiettyyn elementtiin. Elementtien muokkaamiseksi sinun tarvitsee vain kaksoisnapsauttaa kohdetta. Tuotteiden kokoa voidaan muuttaa myös omien mieltymyksesi mukaan. Tekstikenttien joukko vaihtoehtoja ilmestyy mini kelluvaan ikkunaan, jonka avulla voit lisätä tekstiin erityisen muotoilun.

Etuosa: Suunnittele verkkosivustosi reagoivassa käyttöliittymässä ja hanki koodiasetukset

Kun olet tehnyt muutokset sivulle, voit saada sivun suunnittelun CSS- ja HTML-koodin. Voit myös jakaa luomiesi sivujen URL-osoitteet jakaaksesi malleja ystävillesi ja yhteistyökumppaneillesi.

Etuosa: Suunnittele verkkosivustosi reagoivassa käyttöliittymässä ja hanki koodilähde

Muokkaamalla mallejasi voit muuttaa selainikkunan kokoa nähdäksesi, miltä sivusi näyttää esimerkiksi pienemmässä koossa olevassa selaimessa, esimerkiksi älypuhelimessa.

Ominaisuudet:

  • Käyttäjäystävällinen verkkopalvelu.
  • Voit luoda verkkosivuja reagoivassa käyttöliittymässä.
  • Auttaa säästää aikaa, joka kuluu verkkosivustojen testaamiseen erikseen laitteilla.
  • Sivu säätää itsensä, kun muutat selainikkunan kokoa.

Katso FROONT @ http://froont.com