7 χρήσιμοι πόροι για όσους μαθαίνουν CSS

2024 Συγγραφέας: Malcolm Clapton | [email protected]. Τελευταία τροποποίηση: 2023-12-17 03:52

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

Η Κοινοπραξία του Παγκόσμιου Ιστού (W3C) συνέστησε την τεχνολογία CSS (Cascading Style Sheets) το 1996. Από τότε, οι προγραμματιστές ιστού χρησιμοποιούν φύλλα στυλ για να δημιουργήσουν μοναδικά σχέδια ιστοτόπων.

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

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

Οι αλλαγές θα είναι δραματικές, αν και όχι πάντα. Για παράδειγμα, ένας αθροιστής ειδήσεων δύσκολα θα αλλάξει: είναι τόσο απλός όσο δύο και δύο. Ωστόσο, ο πόρος προβάλλεται πάνω από 150 εκατομμύρια φορές μηνιαίως.

Πού να μάθετε τα καλύτερα σημεία του CSS

1. HTMLbook

Ας είμαστε συνεπείς και ας ξεκινήσουμε με γερές θεωρητικές βάσεις. Για αυτό, απευθυνόμαστε στον Vlad Merzhevich, συγγραφέα βιβλίων και προγραμματιστή ιστού, ο οποίος διατηρεί αρκετούς ποιοτικούς πόρους σχετικά με τη διάταξη και το στυλ των ιστοσελίδων.

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

2. Αναφορά Ιστού

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

3. Αναφορά CSS

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

4. CSS Design Awards

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

5. CSS Zen Garden

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

Φορτώστε το HTML αναφοράς, προσθέστε το στυλ σας και στείλτε το όλο πίσω. Ίσως η προσέγγισή σας να είναι η καλύτερη. Παρεμπιπτόντως, μπορείτε να κάνετε λήψη της έκδοσης κάποιου άλλου και να δείτε πώς εφαρμόζεται.

6. CSSPlay

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

7. CSS Lint

Γιατί χρειαζόμαστε τα χέρια κάποιου άλλου, αν τα δικά μας χέρια μεγαλώνουν ίσια; Δείχνει πραγματικά. Εκτός από τον βασικό έλεγχο σύνταξης CSS, η υπηρεσία web ελέγχει τη συμμόρφωση με κανόνες που επηρεάζουν την ταχύτητα φόρτωσης της σελίδας. Η έξοδος είναι ωραία, φιλική προς το πρόγραμμα περιήγησης CSS.