Zurb έχει μια μακρά ιστορία που παρέχει εξαιρετικές εφαρμογές ιστού και πόρους για σχεδιαστές και προγραμματιστές. Οι εφαρμογές τους περιλαμβάνουν το Notable, Axe, Enroll και Spur, μεταξύ άλλων.
Άλλοι πόροι από το Zurb περιλαμβάνουν τα πάντα, από downloadable sketchsheets και χαρτί πλέγματος, κουμπιά CSS, εργαλεία CSS3, οπτικά εφέ και παραδείγματα κινούμενων σχεδίων και πολλά άλλα.
Η Zurb ξεκίνησε πρόσφατα ένα νέο εργαλείο για τους σχεδιαστές, που ονομάζεται θεμέλιο , ένα ελεύθερο πλαίσιο γρήγορου πρωτοτύπου.
Ο αρχιτέκτονας του Zurb, Jonathan, απάντησε σε μερικές ερωτήσεις για το νέο έργο.
θεμέλιο είναι ένα πλαίσιο για τη γρήγορη δημιουργία πρωτοτύπων και τη δημιουργία ανταποκρινόμενων ιστότοπων και εφαρμογών. Σας επιτρέπει να συγκεντρώνετε γρήγορα σελίδες, όπως διάταξη και κοινά στοιχεία όπως πλοήγηση, σελίδωση, φόρμες και πολλά άλλα, ώστε να μπορείτε να δείτε πώς λειτουργεί ο ιστότοπός σας σε επιτραπέζιους υπολογιστές, tablet και τηλέφωνα. Στη συνέχεια, μπορείτε να πάρετε αυτόν τον κώδικα και να το προσαρμόσετε ή να τον προσαρμόσετε σε ροκ-στερεό κώδικα παραγωγής.
Διαπιστώσαμε ότι τα εργαλεία που υπάρχουν εκεί για την κατασκευή ανταποκρίσιμων ιστότοπων - τοποθεσιών που λειτουργούν σε οποιοδήποτε είδος συσκευής - δεν ήταν μόνο ανεπαρκείς αλλά πραγματικά ανύπαρκτες. Υπάρχουν πολλά πλαίσια CSS που χρησιμοποιούν οι χρήστες, αλλά όλα σχεδιάστηκαν για σταθερές διατάξεις. Οι κινητές συσκευές θα αντιπροσωπεύουν πάνω από το ήμισυ της συνολικής κίνησης στο Διαδίκτυο τα επόμενα 2 χρόνια, οπότε δεν σχεδιάζουμε και κατασκευάζουμε γι 'αυτούς μια θανατική ποινή για προϊόντα ή υπηρεσίες στο διαδίκτυο. Θέλαμε ένα εργαλείο που θα μας άφηνε όχι μόνο να προσφέρουμε μια μεγάλη εμπειρία σε κάθε συσκευή, αλλά και να δοκιμάσουμε πολύ γρήγορα τι μεγάλη εμπειρία πραγματικά φαινόταν και ένιωθε.
Έχουμε χρησιμοποιήσει το Ίδρυμα για όλους τους εσωτερικούς ιστότοπους και τα έργα μας για τους τελευταίους μήνες, αλλά αν έπρεπε να διαλέξω ένα καλό παράδειγμα, θα ήταν μια εφαρμογή για web που κυκλοφόρησε πρόσφατα με το όνομα Spur. Το Spur είναι ένα εργαλείο για την εκτέλεση παραδοσιακών κριτικών σχεδιασμού, επιτρέποντάς σας να καταγράψετε μια ιστοσελίδα ή να ανεβάσετε μια εικόνα και στη συνέχεια να την δείτε με θόλωση, αυξημένη αντίθεση, περιστροφή και άλλα εφέ που αποκαλύπτουν τον τρόπο με τον οποίο το οπτικό σχέδιο συγκρατεί. Σχεδιάσαμε από το έδαφος με το Ίδρυμα για να υποστηρίξουμε επιτραπέζιους υπολογιστές, tablet και iPhones. όλα από το ίδιο βασικό κώδικα.
Εάν τραβήξετε την εφαρμογή σε διαφορετικές συσκευές, θα δείτε διάφορα εργαλεία και διακριτικά τροποποιημένες διατάξεις που έγιναν δυνατές με τις κλάσεις προβολής για κινητά του Foundation. Αυτά σας επιτρέπουν να επισημάνετε με ευκολία τα στοιχεία που πρέπει να αποκρύπτονται ή να εμφανίζονται σε συγκεκριμένους τύπους συσκευών, όπως 'κρυφά τηλεφωνήματα' ή 'show-on-tablets'. Αυτό και η εγγενής ικανότητα του Ιδρύματος να κλιμακώνεται σε όσο το δυνατόν μεγαλύτερο μέγεθος σημαίνει ότι το Spur έχει μια κηλίδα, προσαρμοσμένη εμπειρία για οποιοδήποτε τύπο συσκευής με πολύ λίγη επιπλέον προσπάθεια.
Η δουλειά εξ ολοκλήρου με ποσοστά προσθέτει βέβαια κάποια πολυπλοκότητα, ειδικά όσον αφορά τις εικόνες και την ευελιξία ορισμένων αντικειμένων όπως οι γραμμές εργαλείων, αλλά πέρα από κάποιο συγκεκριμένο ίδρυμα CSS φρόντισε σχεδόν τα πάντα.
Όποιος θέλει τον ιστότοπο ή την εφαρμογή του να είναι σχετικός σε μερικά χρόνια θα πρέπει να οικοδομήσουμε για πολλαπλές συσκευές και το Ίδρυμα είναι ένα καλό εργαλείο για αυτό. Το Ίδρυμα είναι ιδανικό για νέους ιστότοπους που θέλετε να δημιουργήσετε γρήγορα και να δημιουργήσετε, καθώς μπορείτε να δημιουργήσετε ολόκληρες τοποθεσίες μέσα σε λίγα λεπτά χρησιμοποιώντας το ευέλικτο πλέγμα και τα κοινά στοιχεία που έχουν ήδη συμπεριληφθεί.
Βρήκαμε ότι το Ίδρυμα είναι ιδιαίτερα χρήσιμο για εταιρείες ή οργανισμούς που έχουν ανησυχίες σχετικά με το κόστος (χρόνο και πόρους) για την κατασκευή για κινητές συσκευές. Το Foundation σας βοηθά να κάνετε τα πράγματα γρήγορα και όλα μαζί.
Εργαζόμαστε συνεχώς στο Ίδρυμα, προσθέτοντας κοινά στοιχεία που έχουν ζητήσει οι άνθρωποι ή για τα οποία έχουμε δει μια ανάγκη. Μόλις προστέθηκε πρόσφατα ένα νέο τετραψήφιο τηλεφωνικό πλέγμα ώστε να μπορείτε να κάνετε πιο σύνθετες διατάξεις για πολύ μικρές συσκευές και θα συνεχίσουμε να εργαζόμαστε για την υποστήριξη συσκευών και προτύπων. Εξετάζουμε επίσης θέματα όπως πρότυπα σελίδων, πακέτα κώδικα για συγκεκριμένες χρήσεις, όπως wireframing και συνεργασία με εξωτερικούς προγραμματιστές σχετικά με plugins για άλλα πλαίσια όπως το Less, το SaSS, το Drupal, το WordPress κ.λπ.
Ο στόχος μας είναι το Ίδρυμα να είναι κάτι περισσότερο από ένα πλαίσιο ανοικτού κώδικα, αλλά μια ολοκληρωμένη προσέγγιση κοινότητας και ανάπτυξης για το front-end. Θα θέλαμε να έχουμε ακόμα περισσότερους συνεργάτες, τόσο σε θέματα, αιτήματα χαρακτηριστικών και κωδικοποίησης Github και είμαστε στην ευχάριστη θέση να απαντήσουμε σε ερωτήσεις στο [email protected]