Με @ jonathanzwhite

Από το σχεδιασμό μέχρι την ανάπτυξη, 10 εργαλεία που δεν μπορώ να ζήσω χωρίς

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

Ατομο

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

Ερχόμενοι από το Sublime, ο διαχειριστής πακέτων ήταν μια ανάσα καθαρού αέρα. Με το Atom, μπορείτε είτε να χρησιμοποιήσετε το APM είτε το περιβάλλον GUI του. Δεν χρειάζεται να τροποποιήσετε τα αρχεία ρυθμίσεων. Λειτουργεί απλά.

Μια σημείωση σχετικά με την απόδοση. Όταν το Atom κυκλοφόρησε για πρώτη φορά, ήταν αργή. Ωστόσο, σήμερα είναι πολύ γρήγορα. Η μόνη επιβράδυνση που παρατηρώ είναι όταν ανοίγετε τεράστια αρχεία.

Μπορείτε να διαβάσετε περισσότερα σχετικά με το Atom και τις βελτιστοποιήσεις απόδοσης του σε Moving Atom To React και στη συνέχεια να Εφαρμόσετε τις ενημερώσεις DOM των επεξεργαστών κειμένου μη αυτόματα αντί για το React.

DragDis

Ως σχεδιαστής, είμαι πάντα επιφυλακτικός για την έμπνευση. Το DragDis είναι ένα εργαλείο που μου επιτρέπει να σώσω έμπνευση, όπως το βρίσκω. Είναι εύκολο στη χρήση. Εγκαταστήστε την επέκταση του Chrome και ξεκινήστε να σύρετε.

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

Το DragDis έχει επίσης προβολή πλέγματος πλήρους σελίδας. Αυτό κάνει για φανταστικά moodboards.

iTerm 2

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

Μουζλί

Το Muzli είναι μια επέκταση του Chrome που συγκεντρώνει το περιεχόμενο που σχετίζεται με το σχεδιασμό από πηγές όπως News Designer, Dribbble, Behance κ.λπ.

Κάθε φορά που ανοίγετε μια νέα καρτέλα σε πηγές του Chrome Muzli, έχετε το καλύτερο περιεχόμενο από κάθε έναν από αυτούς τους ιστότοπους.

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

Noiz.io

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

Invision

Το Invision είναι μια πλατφόρμα πρωτοτύπων και ροής εργασίας, ιδανική για συνεργασία μεταξύ των front-end και των σχεδιαστών. Οι σχεδιαστές μπορούν να μεταφορτώσουν σειρά οθονών σε ένα έργο. Στη συνέχεια, οι ζεστές οθόνες συνδέουν το ένα με το άλλο.

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

Το Invision δημοσίευσε επίσης πρόσφατα ένα νέο χαρακτηριστικό που ονομάζεται Boards. Οι πίνακες σας επιτρέπουν να συλλέγετε έμπνευση και να δημιουργείτε moodboards. Η μεγαλύτερη διαφορά μεταξύ αυτού και της χρήσης του DragDis είναι ότι τα Boards συνεργάζονται, ώστε να μπορείτε να συνεργαστείτε με άλλα μέλη της ομάδας.

Τι είναι η Γραμματοσειρά

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

Ταχυδρόμος

Όταν εργαζόμαστε ως προγραμματιστές στο μπροστινό μέρος, πρέπει συχνά να ζητάμε API ή να αλληλεπιδράμε με το δικό μας. Το Postman είναι ένα εύχρηστο εργαλείο που σας βοηθά να υποβάλλετε αιτήματα σε API.

Φανταστείτε να εργάζεστε σε ένα τελικό σημείο API. Αντί να χρειάζεται να γράψετε ένα αντίστοιχο ερώτημα front-end ή ένα αίτημα cURL, ο Postman μπορεί να ερωτήσετε άμεσα το τελικό σημείο.

Wappalyzer

Το Wappalyzer είναι ένα εργαλείο για τον εντοπισμό των βιβλιοθηκών και των πλαισίων που χρησιμοποιεί ένας ιστότοπος. Έχει μια επέκταση Chrome και είναι κατά πολύ ένα από τα πιο χρήσιμα εργαλεία για έναν προγραμματιστή του front-end. Την επόμενη φορά που αναρωτιέστε ποια βιβλιοθήκη χρησιμοποιεί ένας ιστότοπος για να δημιουργήσει μια συγκεκριμένη απεικόνιση, το Wappalyzer σας καλύπτει.

Κούρσα 2

Το boom είναι ενισχυτής όγκου και ισοσταθμιστής για Mac. Είναι ιδανικό για όταν κωδικοποιείτε και χρειάζεστε μερικά κομμάτια για να αυξήσετε την παραγωγικότητά σας. Διαθέτει ένα σύνολο προρυθμισμένων προφίλ για είδη όπως τζαζ, hip-hop και dub-step. Μπορείτε επίσης να διαμορφώσετε προσαρμοσμένα προφίλ.

Το boom περιλαμβάνει επίσης ένα σύνολο ηχητικών εφέ. Σε συνδυασμό με ένα ζευγάρι ακουστικών Bose Quiet Comforts τα ηχητικά εφέ κάνουν μεγάλη διαφορά στην εμπειρία ακρόασης.

Αν αυτό δεν ήταν αρκετό. Ακολουθούν ορισμένες αξιόλογες αναφορές: το JSON Viewer για το Chrome, το Noon Pacific, το Flux και το εργαλείο Better Snap.

Εάν το αγαπημένο σας εργαλείο δεν έκανε τη λίστα αυτή, ενημερώστε μας! Είμαι πάντα στο βλέμμα έξω να δοκιμάσω νέα πράγματα. Μη διστάσετε να αφήσετε μια σημείωση κάτω ή tweet σε με.

Δημοσιεύομαι κάθε εβδομάδα το πρωί της Τρίτης. Μπορείτε να λάβετε ενημερώσεις ακολουθώντας μου στο Twitter, όπου δημοσιεύω μη-αισθησιακές ramblings σχετικά με το σχεδιασμό, την ανάπτυξη front-end, bots, και μηχανική μάθηση.

P.S. Εάν σας άρεσε αυτό το άρθρο, αυτό θα σήμαινε πολλά αν κάνετε κλικ στο και μοιραστείτε με φίλους.