21 βασικοί ιστότοποι πόρων για σχεδιαστές ιστοσελίδων

Όπως ίσως έχετε παρατηρήσει, κυρίως πληκτρολογώντας κάτι στο Google και αποκαλύπτει χαρούμενα ότι υπάρχουν 26 εκατομμύρια αποτελέσματα για την αναζήτησή σας, υπάρχουν αρκετοί ιστότοποι εκεί έξω. Αν δεν είστε κάποιος αθάνατος, δεν θα έχετε χρόνο να δείτε πολλά από αυτά, ακόμη και σε μια σχετικά εξειδικευμένη περιοχή, όπως το σχεδιασμό ιστοσελίδων. Επομένως, έχουμε βασανίσει το μυαλό μας για να βρούμε μια λίστα με 21 βασικούς ιστότοπους που πρέπει να προσθέσει σελιδοδείκτης κάθε σχεδιαστή Ιστού, εκτός εάν είναι κάποιος ηλίθιος - και δεν είστε εσείς, έτσι;

1. Μια λίστα εκτός

Ένα διαδικτυακό περιοδικό που είναι τόσο εδραιωμένο στη συνείδηση ​​των σχεδιαστών ιστοσελίδων που είναι πιθανώς παράνομο εάν δεν διαβάζετε κάθε νέο τεύχος. Με εκατοντάδες διακριτικά άρθρα από τα καλύτερα της βιομηχανίας, το A List Apart θα πρέπει να είναι το πρώτο σας βήμα για σε βάθος διορατικότητα και ανάλυση σε κώδικα, περιεχόμενο και σχεδιασμό.

γραφιστική για μη κερδοσκοπικούς οργανισμούς

δύο. 24 τρόποι

Περιγράφοντας τον εαυτό του ως «ημερολόγιο εμφάνισης για web geeks», 24 τρόποι από το 2005 παρείχαν δύο δωδεκάδες άρθρα σχεδιασμού ιστοσελίδων κάθε Δεκέμβριο. Τα θέματα είναι ποικίλα, αλλά επειδή οι συντελεστές είναι πρώτης τάξεως, ακόμη και πολλά από τα πρώτα άρθρα παραμένουν χρήσιμα και συναφή - 24 τρόποι δεν είναι μόνο για τα Χριστούγεννα.



3. Περιοδικό Smashing

Ιδρύθηκε το 2006, το περιοδικό Smashing Magazine εισάγει τεχνικές σχεδιασμού και ανάπτυξης ιστοσελίδων στον εγκέφαλό σας μέσω ειδήσεων, άρθρων γνώμης και πρακτικών μαθημάτων. Αγαπά επίσης τις λίστες, καθιστώντας τον έναν εύχρηστο ιστότοπο για την ανακάλυψη πρόσθετων πόρων.

Τέσσερις. siteInspire

5. Κίνηση UX

Με το UX να αποτελεί όλο και μεγαλύτερη ανησυχία στο σχεδιασμό ιστοσελίδων, πληρώνει για να ενημερώνεται. Το UX Movement είναι ένα ιστολόγιο αφιερωμένο στη συνεργασία με την UX, παρέχοντας πληροφορίες σχετικά με το wireframing και τις ανησυχίες χρηστικότητας που σχετίζονται με φόρμες, στοιχεία αιωρημάτων και άλλα στοιχεία ιστοσελίδας.

6. Land Search Engine

Η δημιουργία ενός εξαιρετικού ιστότοπου δεν είναι πολύ χρήσιμη αν κανείς δεν μπορεί να τον βρει. Το Search Engine Land παρέχει νέα σχετικά με το μάρκετινγκ αναζήτησης και τις μηχανές αναζήτησης, προσφέροντας συμβουλές και συμβουλές για την ενίσχυση του SEO σας. Για να εξασφαλίσετε τη θέση σας στο Google, δείτε επίσης Google Webmaster Centra μεγάλο.

7. W3C

Οι περισσότεροι σχεδιαστές ιστοσελίδων δεν θα χρειαστεί ποτέ να γνωρίζουν όλα τα πλεονεκτήματα που διέπουν τα πρότυπα ιστού, αλλά ο ιστότοπος του W3C παραμένει απαραίτητο μέρος για να επισκεφθείτε. Όχι μόνο παρέχει πρόσβαση σε προδιαγραφές (συμπεριλαμβανομένων επεξηγήσεων και παραδειγμάτων), αλλά προσφέρει επίσης εργαλεία όπως mark-up και CSS validators.

8. Πλαίσιο HTML5

Τα περισσότερα έργα ξεκινούν με τα ίδια είδη αρχείων, και οι σχεδιαστές συχνά χάνουν χρόνο δημιουργώντας τους από την αρχή. Με το HTML5 Boilerplate μπορείτε να ξεκινήσετε με ένα ισχυρό και ανθεκτικό στο μέλλον πρότυπο HTML / CSS / JavaScript. Επαναφορά HTML5 είναι ένα άλλο έργο παρόμοιο.

9. Βουτήξτε σε HTML5

Εάν πρέπει να ασχοληθείτε με το HTML5, το βιβλίο του Mark Pilgrim προσφέρει άριστα σχόλια για μια σειρά χαρακτηριστικών από τις προδιαγραφές. Το βιβλίο είναι συνδεδεμένο στο σύνολό του με την άδεια CC-BY-3.0, αλλά αγοράστε ένα έντυπο αντίγραφο εάν χρησιμοποιείτε τον ιστότοπο τακτικά.

10. CSS3.info

Αργά, τα προγράμματα περιήγησης έχουν βυθιστεί σε μια μάχη για υπεροχή έναντι της υποστήριξης για προηγμένο CSS. Για το σκοπό αυτό, το πρότυπο εξελίσσεται εξαιρετικά γρήγορα. Το CSS3.info σάς δίνει τη δυνατότητα να παρακολουθείτε τις εξελίξεις, να μάθετε περισσότερα σχετικά με τις ιδιότητες και τις ενότητες και να δοκιμάζετε ένα πρόγραμμα περιήγησης έναντι επιλογών CSS.

έντεκα. Adobe Kuler

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

12. Adobe BrowserLab

Τίποτα δεν ξεπερνάει τους ιστότοπους δοκιμών σε πολλά πραγματικά προγράμματα περιήγησης, αλλά για εκείνες τις στιγμές που πρέπει γρήγορα να ελέγξετε έναν ιστότοπο σε ένα μόνο πρόγραμμα περιήγησης, το BrowserLab παράγει στατικές αρπαγές οποιασδήποτε ιστοσελίδας όπως αποδίδεται σε Chrome, Firefox, Safari και Internet Explorer.

13. Σύστημα πλέγματος 978

Η χρήση ενός ισχυρού συστήματος πλέγματος καθιστά πολύ πιο εύκολο το σχεδιασμό διατάξεων ιστότοπου. Ένα από τα καλύτερα είναι το 978 Grid System, το οποίο παρέχει επίσης σχετικά πρότυπα για άλλα μεγέθη οθόνης. ο Σύστημα πλέγματος 960 είναι μια δημοφιλής εναλλακτική λύση.

14. Λατρεύω την τυπογραφία

Παρόλο που δεν αναφέρω άμεσα τον τύπο ιστού, το I Love Typography είναι απαραίτητο για τους σχεδιαστές ιστοσελίδων. Πολλοί σχεδιαστές ιστοσελίδων δεν έχουν πλήρη βάση στην ποιοτική τυπογραφία, αλλά με τις γραμματοσειρές Ιστού να γίνονται διαδεδομένες γρήγορα, η εμβάθυνση στον κόσμο του τύπου είναι μια έξυπνη κίνηση.

δεκαπέντε. Αποθήκη πόρων Ιστού

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

16. Dev. Όπερα

Το σύνθημα του ιστότοπου Dev.Opera είναι «ακολουθήστε τα πρότυπα, παραβιάζετε τους κανόνες», που πιθανώς ακούγονταν πιο συναρπαστικά εκείνη τη στιγμή από το «να προσφέρετε κάποια ευχάριστα χρήσιμα άρθρα για σχεδιαστές ιστοσελίδων». Ωστόσο, αυτό κάνει σε μεγάλο βαθμό ο ιστότοπος, μαζί με την παροχή του προγράμματος σπουδών για τα πρότυπα Web Opera, για όσους βρίσκονται στην ακαδημαϊκή κοινότητα.

17. Παίξτε CSSP

Το CSSPlay του Stu Nicholls είναι κυρίως παιδική χαρά για πειράματα CSS. Ωστόσο, αντί να επικεντρώνεται σε φανταχτερά εφέ, ο Nicholls συχνά στηρίζει τις επιδείξεις του σε πρακτική εφαρμογή. Οι πιθανότητες είναι, εάν υπάρχει κάτι που θέλετε να κάνετε στο CSS, θα βρείτε μια επίδειξη που δείχνει πώς σε αυτόν τον ιστότοπο.

18. Ειδήσεις προγράμματος περιήγησης

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

19. QuirksMode

Το QuirksBlog παρέχει ενδιαφέρουσες πληροφορίες για το σχεδιασμό και την ανάπτυξη ιστοσελίδων, αλλά ο κύριος πίνακας συμβατότητας QuirksMode είναι το σημείο όπου βρίσκεται το κρέας του ιστότοπου. Εδώ, μπορείτε εύκολα να δείτε ποια προγράμματα περιήγησης υποστηρίζουν ποιες πτυχές του CSS και του DOM. Οι δοκιμές HTML5 συνεχίζονται τη στιγμή της γραφής.

γραμματοσειρά διακοπών ήδη στο microsoft word

είκοσι. Πότε μπορώ να χρησιμοποιήσω ...

Ομοίως με το QuirksMode, Πότε μπορώ να χρησιμοποιήσω… παρέχει έναν αριθμό πινάκων υποστήριξης. Ενημερώνεται τακτικά, ο ιστότοπος αναλύει επίσης την τυπική υποστήριξη δημοφιλών προγραμμάτων περιήγησης για κινητά, όπως το iOS Safari και το Opera Mini.

είκοσι ένα. FindmebyIP

Τέλος, μας αρέσουν επίσης οι πίνακες συμβατότητας του FindMeByIP για HTML5 και CSS3. Δημιουργήθηκε από την εταιρεία σχεδιασμού DeepBlueSky που βασίζεται στο Bath, σας επιτρέπει να ελέγχετε γρήγορα την υποστήριξη του προγράμματος περιήγησης για ιδιότητες CSS3, επιλογείς, εφαρμογές web HTML5, γραφικά και ενσωματωμένο περιεχόμενο, κωδικοποιητές ήχου και βίντεο, καθώς και εισόδους και χαρακτηριστικά φόρμας.