Συνήθως, όταν σκεφτόμαστε web development, σκεφτόμαστε κάποιον προγραμματιστή που δακτυλογραφεί πληκτρολογόντως σε ένα πληκτρολόγιο την νύχτα ενώ πίνει καφέ, κάθεται σε ένα σκοτεινό υπόγειο δίπλα στα LED που αναβοσβήνουν.
Ενώ αυτό μπορεί να ήταν αληθινό κατά την τελευταία χιλιετία, αυτές τις μέρες δεν συμβαίνει. Η ανάπτυξη ιστού το 2018 γίνεται γενικά με πολλούς σχεδιασμούς και συνεργασία μεταξύ των ομάδων και έχει βγει, από το υπόγειο, στο φως της ημέρας.
Για να διευκολυνθεί όλη αυτή η δραστηριότητα, υπάρχουν πολλά εργαλεία ανάπτυξης ιστοσελίδων για να κάνουν τη βαριά άρση του σχεδιασμού, τη βελτιστοποίηση και την κωδικοποίηση ενός δικτυακού τόπου. Ας δούμε τα καλύτερα από αυτά για φέτος:
1. Sketch
Ένα εργαλείο για ψηφιακά σχέδια
- Δημιουργεί απλά animations
- Συνεργασία με cloud
- Μόνο Mac
Οι μεγάλες ιστοσελίδες είναι κάτι περισσότερο από απλώς κώδικας, καθώς ενσωματώνουν εξαιρετικά σχεδιαστικά στοιχεία, συμπεριλαμβανομένων των λογοτύπων και των εικόνων. Το Sketch προσπαθεί να χειριστεί τα στοιχεία σχεδίασης και τα ίδια τα λογαριασμούς ως “εργαλείο σχεδίασης”. Διαθέτει δυνατότητες όπως η δυνατότητα προσθήκης απλών κινούμενων εικόνων. Επιτρέπει επίσης στον χρήστη να δημιουργήσει ένα κύριο σύμβολο, το οποίο στη συνέχεια μπορεί να χρησιμοποιηθεί οπουδήποτε στο έγγραφο και να αλλάξει το μέγεθός του ανάλογα με τις ανάγκες – όπως για παράδειγμα ένα εικονίδιο ή ένα avatar.
Υπάρχει επίσης ένα cloud, οι λεγόμενες Βιβλιοθήκες, το οποίο επιτρέπει τη συνεργασία και την κοινοποίηση στοιχείων. Τέλος, οι προσαρμοσμένες γραμματοσειρές μπορούν να σχεδιαστούν για να δώσουν στον ιστότοπο μια πραγματικά προσαρμοσμένη εμφάνιση, στο εργαλείο FontRapid, το οποίο στη συνέχεια μπορεί να εξαχθεί σε ένα αρχείο γραμματοσειράς OpenType.
Ένας περιοριστικός παράγοντας είναι ότι το Sketch υποστηρίζει μόνο ένα OS – το Mac OS El Capitan (10.11.2), αφήνοντας τους χρήστες Windows και Linux έξω. Η τιμολόγηση βασίζεται σε μία άδεια χρήσης, η οποία είναι $ 99 (£ 76) για ένα έτος ενημερώσεων, και στη συνέχεια μπορεί να ανανεωθεί ετησίως για $ 69 (£ 53). Μια δωρεάν δοκιμή 30 ημερών είναι διαθέσιμη.
2. InVision Cloud
- Δωρεάν
- χρήσιμα εργαλεία
- Πρωτοτυπήστε στην ιστοσελίδα σας
Με τη λίστα κορυφαίων εταιρειών τεχνολογίας που χρησιμοποιούν το InVision Cloud, συμπεριλαμβανομένων των εταιριών Amazon, SoundCloud, Evernote και Netflix, επιβεβαιώνεται σαφώς η μέθοδος χρήσης μιας πλατφόρμας σχεδίασης ψηφιακών προϊόντων.
Αυτή η προσέγγιση περιλαμβάνει ορισμένα παραδοσιακά στοιχεία και διαδικασίες σχεδιασμού και τα μεταφέρει στην εικονική εποχή, με εργαλεία που περιλαμβάνουν μια βιβλιοθήκη στοιχείων, έναν πίνακα φωτογραφιών, ένα πρωτότυπο ιστού για επιτραπέζιους χώρους και τα απαραίτητα στοιχεία για το σχεδιασμό και την έμπνευση. Το εργαλείο πρωτότυπου τους θα ενδιαφέρει τους προγραμματιστές ιστού, καθώς μπορεί να δημιουργήσει έναν πρωτότυπο ιστότοπο για χρήση σε υπολογιστές και κινητά.
Παρόλο που προσφέρει πολλά εργαλεία, το κύριο πλεονέκτημα είναι ότι υπάρχει επίσης μια ελεύθερη βαθμίδα, που μπορεί να χειριστεί ένα ενιαίο πρωτότυπο. Για πιο φιλόδοξες ανάγκες, το επαγγελματικό σχέδιο περιέχει απεριόριστα πρωτότυπα για μηνιαία χρέωση 25 € (£ 19).
3. Sublime Text 3
- Windows, Mac και Linux
- Προηγμένες εντολές
- Δωρεάν αξιολόγηση
- Δεν υποστηρίζει χρήση από κινητό
Το Sublime Text 3 είναι ένας γνωστός επεξεργαστής κώδικα ο οποίος είναι ένα χρήσιμο εργαλείο για web design, και είναι διαθέσιμο για Windows, Mac και Linux. Χρήσιμες λειτουργίες περιλαμβάνουν την εντολή GoTo Anything για την εύρεση ενός κομμάτι κώδικα, την εντολή Πολλαπλές επιλογές που μπορεί να κάνει αλλαγές σε επαναλαμβανόμενες ενότητες κώδικα και Split Editing που μπορεί να μεγιστοποιήσει την εμφάνιση κώδικα σε μια οθόνη ή ακόμα και σε πολλές οθόνες.
Το Sublime Text είναι ελεύθερο για λήψη και αξιολόγηση, και στη συνέχεια είναι διαθέσιμο για αγορά για $ 80 (£ 61). Αυτή είναι η τιμή της ατομικής άδειας, η οποία δεν είναι χρονικά περιορισμένη, και επιτρέπει στο χρήστη να το εγκαταστήσει σε όλα τα συστήματα όπου είστε ο κύριος χρήστης.
4. Foundation 6
- Πλαίσια για να κάνει το σχεδιασμό πιο εύκολο
- Προσαρμόσιμα δομικά στοιχεία
- Μη συγκεκριμένη τιμή
- Εκμάθηση σε αρχάριους χρήστες
Ως γενική αρχή, είναι συχνά πιο εύκολο να σχεδιαστεί κάτι μόλις καθοριστούν τα βασικά στοιχεία. Το Foundation 6 υιοθετεί αυτήν την προσέγγιση, προσφέροντας “μια οικογένεια ευέλικτων πλαισίων front-end”, τα οποία μπορούν να εφαρμοστούν για το σχεδιασμό ιστοσελίδων και τα ηλεκτρονικά ταχυδρομεία, και το καθένα είναι προσαρμόσιμο για να πάρει ακριβώς το σωστό look.Από τη λίστα των ιστότοπων που το χρησιμοποιούν, υπάρχουν κάποιες σοβαρές ομάδες, όπως η Disney, η HP και η Adobe.
Προσφέρουν μια σειρά από πρότυπα HTML, το καθένα βελτιστοποιημένο για μια συγκεκριμένη εφαρμογή, όπως ένα blog ή μια ιστοσελίδα ακινήτων. Στη συνέχεια, αυτό μπορεί να βασιστεί, με τα «Building Blocks» που προστίθενται στον ιστότοπο, συμπεριλαμβανομένης μιας σελίδας ήρωας πλήρους οθόνης, μιας φόρμας συνδρομής, ενός μπλοκ βαθμολόγησης με αστέρια και στρογγυλεμένων κοινωνικών κουμπιών – οι επιλογές είναι αρκετά εκτεταμένες και περιλαμβάνουν πραγματικά για οτιδήποτε θα δείτε σε μια ιστοσελίδα. Μια σειρά από εκπαιδευτικά σεμινάρια, που ονομάζονται Classes Foundation, προσφέρονται για να διδάξουν στους νέους χρήστες πώς να το χρησιμοποιήσουν όλα.
Η τιμή δεν είναι συγκεκριμένη, αλλά υπάρχει ένα δωρεάν demo και εκμάθηση σε αρχάριους χρήστες.
- Μπορείτε να κατεβάσετε το Foundation 6 εδώ
5. Chrome DevTools
- Το έχετε ήδη
- Δωρεάν κόστος
- Βελτιστοποιημένο μόνο για ένα πρόγραμμα περιήγησης
Το Chrome εξακολουθεί να είναι μια δημοφιλής επιλογή για τους surfers του διαδικτύου και περιλαμβάνει τα Εργαλεία για προγραμματιστές ακριβώς στο πρόγραμμα περιήγησης και είναι έτοιμα για τις ανάγκες ανάπτυξης ιστοσελίδων. Τα εργαλεία που περιλαμβάνονται είναι για τον εντοπισμό σφαλμάτων σε JavaScript, την εφαρμογή στυλ σε στοιχεία HTML, μηνύματα που υποδεικνύουν τον τρόπο λειτουργίας μιας σελίδας και τη βελτιστοποίηση της ταχύτητας του ιστότοπου.
Δεν υπάρχει καμία επιβάρυνση για τη χρήση αυτών των εργαλείων και υπάρχει διαθέσιμη υποστήριξη μέσω μιας ενεργής κοινότητας του DevTools.
