Ξέρω, ξέρω ... κανένας από εμάς τους δημιουργικούς τύπους δεν θέλει τίποτα να κάνει με την κωδικοποίηση πέρα ​​από τα πολύ βασικά HTML / CSS που πρέπει να ξέρουμε για να πάρουμε τα σχέδιά μας στους προγραμματιστές.

Το να κάνεις ανάπτυξη είναι κάτι για εκείνους τους προγραμματιστές, τους jockeys, αυτούς τους geeks.

Γιατί πρέπει να εισέλθουμε στα χαρακώματα ανάπτυξης όταν είναι τόσο ωραίο εδώ με τις βούρτσες του Photoshop, το απογευματινό τσάι και το MacPros; Επειδή θα είστε καλύτερος σχεδιαστής γι 'αυτό.

Δύσπιστος? Διαβάστε παρακάτω και ανακαλύψτε 6 λόγους για τους οποίους οι σχεδιαστές πρέπει να κωδικοποιούν ...

1. Καλύτερη XHTML

Έχω συνεργαστεί και γνωρίζω πολλούς σχεδιαστές που ήξεραν μόνο το ελάχιστο απαραίτητο για να πάρουν τα σχέδιά τους από το Photoshop και σε μορφή web. Πολλές φορές θα κάνουν χρήση ενός προγράμματος λογισμικού ή ενός plugin όπως SiteGrinder . Παρόλο που τα προγράμματα αυτά συνεχίζουν να βελτιώνονται και βελτιώνονται στον κώδικα που συμμορφώνεται, εξακολουθούν να μην ταιριάζουν με την ανθρωπογενή ποικιλία.

Η γνώση του τρόπου σύνταξης της δικής σας πρότυπης συμβατικής XHTML θα σας κάνει μια πολύτιμη προσθήκη σε οποιαδήποτε ομάδα Ιστού (έμφαση στο συμβατό με τα πρότυπα μέρος). Με όλη τη φασαρία για την PHP, ASP.NET, Ruby και πολλές άλλες γλώσσες, οι άνθρωποι τείνουν να ξεχνούν ότι όλα τελικά γίνονται HTML τελικά, γιατί αυτό πρέπει να έχει ο περιηγητής σας για να γίνει μια σελίδα. Όσο περισσότερο γνωρίζετε για το μέσο στο οποίο εργάζεστε, τόσο καλύτερα εργάζεστε σε αυτό το μέσο.

2. Καλύτερη SEO

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

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

3. Καλύτερη πρόσβαση

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

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

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

4. Καλύτερη αριστερή πλευρά

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

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

5. Καλύτερη επικοινωνία

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

Το να είσαι σε θέση να μιλάς το lingo θα βοηθήσει όταν πρέπει να επικοινωνείς με έναν προγραμματιστή ή έναν διαχειριστή του έργου για το πώς πρέπει να εφαρμοστεί ένα σχέδιο.

6. Καλύτερος σχεδιασμός

Μπορείτε μόνο να γνωρίζετε τα βασικά στοιχεία του σχεδιασμού. Η τυπογραφία, η θεωρία των χρωμάτων, η σύνθεση κ.λπ. είναι όλες φανταστικές και εξαιρετικά σημαντικές δεξιότητες που πρέπει να γνωρίζετε (και γνωρίζετε καλά) ... αλλά τελικά αν θέλετε να υπερέχετε στη δημιουργικότητά σας, πρέπει να μάθετε τα εργαλεία του εμπορίου. Οι ζωγράφοι μάθουν για τους τύπους καμβά, τις συνθέσεις χρωμάτων και τις ιδιότητες των τριχών. Ο σχεδιασμός ιστοσελίδων δεν αποτελεί εξαίρεση. Μάθετε να κωδικοποιείτε: θα είστε καλύτερα γι 'αυτό.

Γράφτηκε αποκλειστικά για WDD από Ryan Burrell .

Είστε σχεδιαστής που κωδικοποιεί; Πρέπει όλοι οι σχεδιαστές να μάθουν πώς να κωδικοποιούν; Παρακαλώ μοιραστείτε τα σχόλιά σας παρακάτω.