ΕΜΠΡΟΣ: Σχεδιάστε τον ιστότοπό σας σε μια αποκριτική διεπαφή και λάβετε τον κώδικα

ΕΜΠΡΟΣ: Σχεδιάστε τον ιστότοπό σας σε μια αποκριτική διεπαφή και λάβετε τον κώδικα

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





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





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





διασκεδαστικά πράγματα να κάνετε στη δουλειά όταν βαριέστε

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

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



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

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





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

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

που είναι ο φακός μου στο τηλέφωνό μου
Μερίδιο Μερίδιο Τιτίβισμα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ 5 Συμβουλές για την υπερφόρτιση των μηχανών σας VirtualBox Linux

Έχετε κουραστεί από τις κακές επιδόσεις που προσφέρουν οι εικονικές μηχανές; Δείτε τι πρέπει να κάνετε για να αυξήσετε την απόδοση του VirtualBox.





Διαβάστε Επόμενο
Σχετικά θέματα
  • Διαδίκτυο
Σχετικά με τον Συγγραφέα Ο Ομάρ(Δημοσιεύθηκαν 396 άρθρα) Περισσότερα από τον Ομάρ

Εγγραφείτε στο newsletter μας

Εγγραφείτε στο ενημερωτικό μας δελτίο για τεχνικές συμβουλές, κριτικές, δωρεάν ebooks και αποκλειστικές προσφορές!

Κάντε κλικ εδώ για εγγραφή