Effeckt.css ist ein laufendes Open-Source-Projekt, das Webdesignern performante, qualitativ hochwertige CSS-Übergänge und Animationen bieten soll. Die Idee ist, so wenig Benutzeroberfläche und JavaScript wie möglich bereitzustellen, damit Sie einen Effekt extrahieren können, der auf Ihrer eigenen Website verwendet werden kann, und ihn einfach anpassen können.
In diesem Screencast stelle ich Ihnen das Projekt vor, zeige, wie Sie es lokal zum Laufen bringen können und wie Sie auf GitHub dazu beitragen können. Es gibt eine Vielzahl von Technologien. Das Projekt verwendet Node und npm für seine Abhängigkeiten. Eines davon ist Grunt, das den Build-Prozess übernimmt. Grunt überwacht im Wesentlichen den Projektordner und führt die richtigen Dinge aus, wenn sich Dateien ändern. Erstellen Sie beispielsweise die HTML-Dateien neu, wenn sich Vorlagen ändern, und führen Sie Sass, Autoprefixer und LiveReload aus, wenn sich SCSS-Dateien ändern.
Dann nehmen wir eine echte Änderung am Projekt vor (auf unserer Abzweigung) und senden eine Pull-Anfrage an das Hauptprojekt.