FROONT Proiectați-vă site-ul într-o interfață receptivă și obțineți codul

Nu este foarte convenabil pentru un dezvoltator web să-și testeze designul de web pe un computer doar pentru a găsi că designul este buggy atunci când este văzut de pe un smartphone. Aici pentru a vă ajuta să abordați această preocupare în faza de dezvoltare este o aplicație numită FROONT.

FROONT este un serviciu web gratuit ce vă permite să proiectați site-uri într-o interfață receptivă. Începeți să utilizați serviciul web creând un cont pe site. Următorul pas este să începeți cu o nouă pânză, deși puteți testa site-ul cu pagina de demo. Pe panza, veți găsi comenzi în panoul din stânga care vă permit să adăugați containere, grile, text, imagini și vectori. Puteți să faceți clic pe tipul de element pe care doriți să-l adăugați.

S-ar putea să existe o mică întârziere între clicul pe buton și elementul care apare efectiv pe pagină - adică timpul de încărcare al elementului. Când elementul este prezent pe pagină, puteți să îl faceți clic pentru ca acesta să fie evidențiat.

Cu un element selectat, veți găsi caseta de ierarhie care plutește chiar acolo pe pagină. Această casetă de ierarhii plutitoare vă permite să ștergeți cu ușurință sau să vă duceți la un anumit element. Pentru a edita elemente, tot ce trebuie să faceți este să faceți dublu clic pe element. Elementele pot fi redimensionate, de asemenea, pentru a se potrivi propriilor preferințe de design. Pentru câmpurile de text, o grămadă de opțiuni vor apărea într-o fereastră mini plutitoare care vă va permite să adăugați un format special la text.

Odată ce ați terminat modificările paginii, puteți obține codul CSS și HTML al paginii. De asemenea, puteți distribui URL-urile paginilor pe care le creați pentru a distribui desene sau modele cu prietenii și colaboratorii dvs..

În timp ce modificați desenele, puteți redimensiona pur și simplu fereastra browserului pentru a vedea cum va arăta pagina dvs. într-un browser cu dimensiuni mai mici, de exemplu, pe un smartphone.

Caracteristici:

• Un serviciu web ușor de utilizat.
• Vă permite să creați pagini web într-o interfață receptivă.
• Vă ajută să economisiți timp separat pe site-urile dedicate testării pe dispozitive.
• Pagina se reglează când redimensionați fereastra browserului.

Check out FROONT @ http://froont.com