Τα CSS Sprites είναι ένα καυτό θέμα εδώ και πολύ καιρό. Το γεγονός είναι ότι κάθε εικόνα σε μια ιστοσελίδα είναι ένα ξεχωριστό αίτημα διακομιστή και μπορείτε να αυξήσετε δραματικά την απόδοση μιας σελίδας συνδυάζοντας εικόνες και μειώνοντας αυτόν τον αριθμό αιτημάτων. Σε αυτό το σενάριο θα σας δείξω πώς να κάνετε ακριβώς αυτό, λαμβάνοντας 8 διαφορετικές εικόνες και συνδυάζοντάς τις σε μία. Ως πρόσθετο μπόνους, στη συνέχεια επεκτείνουμε την ιδέα με το jQuery και χτίζουμε ένα μικρό widget ακορντεόν.
Σύνδεσμοι από βίντεο:
- CSS Sprites: Τι είναι, γιατί είναι δροσερά και πώς να τα χρησιμοποιήσετε
- Krystian Morgan (παραγωγός εισαγωγικών βίντεο)
- Προβολή επίδειξης
- Λήψη αρχείων