Effeckt.css is een open source-project in uitvoering dat tot doel heeft om hoogwaardige CSS-overgangen en animaties voor webontwerpers te bieden. Het idee is om zo min mogelijk gebruikersinterface en JavaScript te bieden, zodat u een effect kunt extraheren om op uw eigen site te gebruiken en het gemakkelijk kunt aanpassen.
In deze screencast laat ik je kennismaken met het project, laat ik zien hoe je het lokaal kunt laten draaien en hoe je eraan kunt bijdragen op GitHub. Er is een verscheidenheid aan technologie bij betrokken. Het project gebruikt Node en npm voor zijn afhankelijkheden. Een daarvan is Grunt, die het bouwproces afhandelt. Grunt kijkt in wezen naar de projectmap en voert alle juiste dingen uit wanneer bestanden veranderen. Bijvoorbeeld het opnieuw opbouwen van de HTML-bestanden wanneer sjablonen veranderen, en het uitvoeren van Sass, Autoprefixer en LiveReload wanneer SCSS-bestanden veranderen.
Vervolgens maken we een echte wijziging aan het project (op onze vork ervan) en dienen we een pull-aanvraag in voor het hoofdproject.