Το Effeckt.css είναι ένα έργο ανοιχτού κώδικα σε εξέλιξη που στοχεύει στην παροχή μεταβατικών, ποιοτικών μεταβάσεων CSS και κινούμενων σχεδίων για σχεδιαστές ιστοσελίδων. Η ιδέα είναι να παρέχετε όσο το δυνατόν λιγότερη διεπαφή χρήστη και JavaScript, ώστε να μπορείτε να εξαγάγετε ένα εφέ για χρήση στον δικό σας ιστότοπο και να το προσαρμόσετε εύκολα.
Σε αυτό το screencast σας παρουσιάζω το έργο, δείξτε πώς μπορείτε να το εκτελέσετε τοπικά και πώς να το συνεισφέρετε στο GitHub. Υπάρχει μια ποικιλία τεχνολογίας. Το έργο χρησιμοποιεί Node και npm για τις εξαρτήσεις του. Ένα από αυτά είναι το Grunt που χειρίζεται τη διαδικασία κατασκευής. Ο Grunt παρακολουθεί ουσιαστικά το φάκελο του έργου και εκτελεί όλα τα σωστά πράγματα όταν αλλάζουν αρχεία. Για παράδειγμα, αναδημιουργία αρχείων HTML όταν αλλάζουν πρότυπα και εκτέλεση Sass, Autoprefixer και LiveReload όταν αλλάζουν αρχεία SCSS.
Στη συνέχεια, κάνουμε μια πραγματική αλλαγή στο έργο (στο πιρούνι του) και υποβάλλουμε μια αίτηση τραβήγματος μέχρι το κύριο έργο.