VisBug από την Google: Στη διάσκεψη Chrome Dev που πραγματοποιείται σήμερα στο San Francisco, η Google ανακοίνωσε ένα νέο εργαλείο για προγραμματιστές που ονομάζεται VisBug. Το VisBug απλοποιεί την επεξεργασία μιας ιστοσελίδας χρησιμοποιώντας ένα απλό interface point-and-click.
Το VisBug είναι προς το παρόν διαθέσιμο σαν επέκταση του Chrome και μπορεί να εγκατασταθεί από το Chrome Web Store.
Οι προγραμματιστές της Google το παρομοίωσαν με το Firebug, ένα πρόσθετο του Firefox που μεταφέρθηκε στο Chrome, και τελικά κατέληξε να ενσωματωθεί στον πίνακα εργαλείων του Chrome για τους προγραμματιστές.
Το VisBug είναι ακριβώς όπως το Firebug, επιτρέπει και στους καθημερινούς χρήστες να αλλάζουν τα στοιχεία μιας ιστοσελίδας χρησιμοποιώντας μια διεπαφή point-and-click και μια λειτουργία drag-and-drop.
Αφού εγκαταστήσετε την επέκταση, θα πρέπει να πατήσετε μαζί τα τρία πλήκτρα ALT+SHIFT+D για να την ξεκινήσετε. Η συγκεκριμένη επέκταση είναι χρήσιμη μόνο για την επεξεργασία ήδη δημιουργημένων ιστοσελίδων ή προτύπων. Δεν μπορεί να δημιουργήσει μια ιστοσελίδα από την αρχή.
Η κύρια διεπαφή του VisBug διαθέτει μια γραμμή εργαλείων που εμφανίζεται στην αριστερή πλευρά της οθόνης. Μπορείτε να χρησιμοποιήσετε τα στοιχεία ελέγχου της γραμμής εργαλείων για να μετακινήσετε τα στοιχεία μιας σελίδας, να επεξεργαστείτε κείμενο, να δημιουργήσετε sticky elements, να αλλάξετε τα χρώματα του κειμένου, να αλλάξετε την απόχρωση μιας εικόνας, τη φωτεινότητα και τον κορεσμό.
Η επέκταση χρειάζεται περισσότερη δουλειά προς το παρόν. Για παράδειγμα, επεξεργαστήκαμε μια σελίδα, αλλά δεν μπορούσαμε να αποθηκεύσουμε το νέο πηγαίο κώδικα σε κάποιο διαφορετικό αρχείο, για να μπορέσουμε αργότερα να τον αντικαταστήσουμε στη σελίδα, ώστε να εφαρμοστούν οι νέες ρυθμίσεις.
Θα μπορούσαμε να δούμε τον πηγαίο κώδικα της σελίδας με CTRL+U και ναα τον αντιγράψουμε από εκεί αλλά το VisBug θα έπρεπε να διαθέτει την επιλογή αποθήκευσης του νέου κώδικα.
Οι προγραμματιστές της Google είναι όμως αρκετά ειλικρινείς για τους περιορισμούς του VisBug, όπως φαίνεται στο αρχείο README της επέκτασης που υπάρχει στο GitHub. Εκεί αναφέρουν ότι δεν πρόκειται για ένα πλήρες εργαλείο σχεδιασμού ιστοσελίδων, αλλά για μια προσθήκη στα υπάρχοντα εργαλεία.
Μελλοντικά τα χαρακτηριστικά του VisBug θα μπορούσαν να ενσωματωθούν στα Εργαλεία Προγραμματιστών του Chrome, σαν ένα εργαλείο που θα μας βοηθάει να βελτιώνουμε κάποιον ιστότοπο. Για παράδειγμα, ένας προγραμματιστής θα μπορούσε να χρησιμοποιήσει το VisBug για να κάνει μικρές εικαστικές βελτιώσεις χρησιμοποιώντας το drag-and-drop GUI αντί να κάνει τροποποιήσεις μέσω του CSS.
Δείτε το βίντεο παρουσίασης
Ο Γιώργος ακόμα αναρωτιέται τι κάνει εδώ….
