Ίσως ο καλύτερος τρόπος για να χρησιμοποιήσετε το SVG είναι το "Inline SVG" - δηλαδή, τοποθετώντας τον κώδικα SVG απευθείας στο HTML σας. Λειτουργεί υπέροχα!
Δείτε το στυλό gpcDi του Chris Coyier (@chriscoyier) στο CodePen.
Πολλές από αυτές τις σειρές θα αφορούν όλα τα υπέροχα πράγματα που μπορείτε να κάνετε χρησιμοποιώντας το inline SVG, οπότε θα ήθελα να είμαι πολύ ξεκάθαρος για το τι είναι και πώς λειτουργεί.
Εάν ανησυχείτε για την ύπαρξη όλου αυτού του κώδικα στο HTML σας, γνωρίζετε ότι:
- Υπάρχουν πλεονεκτήματα σε αυτό μερικές φορές (γρήγορα!)
- Υπάρχουν τρόποι για να το κάνετε εξωτερικό (επίσης γρήγορο!)