FROONT: Σχεδιάστε την ιστοσελίδα σας σε μια ευαίσθητη διασύνδεση και αποκτήστε τον κώδικα

Διαφήμιση

Δεν είναι πολύ βολικό για έναν προγραμματιστή ιστού να δοκιμάσει το σχεδιασμό του ιστού σε έναν υπολογιστή μόνο για να διαπιστώσει ότι το σχέδιο είναι buggy κατά την προβολή από ένα smartphone. Εδώ για να σας βοηθήσουμε να αντιμετωπίσετε αυτή την ανησυχία στο στάδιο ανάπτυξης είναι μια εφαρμογή που ονομάζεται FROONT.

Το FROONT είναι μια δωρεάν υπηρεσία web που σας επιτρέπει να σχεδιάζετε ιστότοπους σε ένα περιβάλλον απόκρισης. Αρχίζετε να χρησιμοποιείτε την υπηρεσία ιστού δημιουργώντας έναν λογαριασμό στον ιστότοπο. Το επόμενο βήμα είναι να ξεκινήσετε με ένα νέο καμβά αν και μπορείτε να δοκιμάσετε τον ιστότοπο με τη σελίδα επίδειξης του. Στον καμβά, θα βρείτε ελέγχους στο αριστερό παράθυρο που σας επιτρέπουν να προσθέσετε δοχεία, πλέγματα, κείμενο, εικόνες και διανύσματα. Μπορείτε να κάνετε κλικ στον τύπο στοιχείου που θέλετε να προσθέσετε.

Μπορεί να υπάρχει μια μικρή καθυστέρηση μεταξύ του κλικ σας στο κουμπί και του στοιχείου που εμφανίζεται πραγματικά στη σελίδα - δηλαδή του χρόνου φόρτωσης του στοιχείου. Όταν το στοιχείο υπάρχει στη σελίδα, μπορείτε να το κάνετε κλικ για να το επισημάνετε.

Με ένα επιλεγμένο στοιχείο, θα βρείτε το κιβώτιο ιεραρχίας που επιπλέει εκεί στη σελίδα. Αυτό το κινούμενο πλαίσιο ιεραρχίας σας επιτρέπει να διαγράψετε εύκολα ή να μεταφερθείτε σε ένα συγκεκριμένο στοιχείο. Για να επεξεργαστείτε στοιχεία, το μόνο που έχετε να κάνετε είναι να κάνετε διπλό κλικ στο στοιχείο. Τα αντικείμενα μπορούν επίσης να τροποποιηθούν ανάλογα με τις δικές σας προτιμήσεις σχεδίασης. Για τα πεδία κειμένου, μια δέσμη επιλογών θα εμφανιστεί σε ένα μικρό πλωτό παράθυρο που θα σας επιτρέψει να προσθέσετε ειδική μορφοποίηση στο κείμενο.

Μόλις ολοκληρώσετε τις τροποποιήσεις στη σελίδα, μπορείτε να λάβετε τον CSS και τον κώδικα HTML του σχεδίου σελίδας. Μπορείτε επίσης να μοιραστείτε τη διεύθυνση URL των σελίδων που δημιουργείτε για να μοιραστείτε σχέδια με τους φίλους και τους συνεργάτες σας.

Κατά την επεξεργασία των σχεδίων σας, μπορείτε απλά να αλλάξετε το μέγεθος του παραθύρου του προγράμματος περιήγησης για να δείτε τι θα φαίνεται η σελίδα σας σε ένα πρόγραμμα περιήγησης με μικρότερες διαστάσεις, για παράδειγμα, σε ένα smartphone.

Χαρακτηριστικά:

• Μια φιλική προς το χρήστη υπηρεσία ιστού.
• Σας δίνει τη δυνατότητα να δημιουργείτε ιστοσελίδες σε ένα περιβάλλον απόκρισης.
• Σας βοηθά να εξοικονομήσετε χρόνο για τον έλεγχο της ιστοσελίδας χωριστά σε συσκευές.
• Η σελίδα αναπροσαρμόζεται όταν αλλάζετε το μέγεθος του παραθύρου του προγράμματος περιήγησης.

Δείτε το FROONT @ http://froont.com