# 128: Effeckt.css, Local Setup with Grunt ja panustamine GitHubi - CSS-trikid

Anonim

Effeckt.css on pooleliolev avatud lähtekoodiga projekt, mille eesmärk on pakkuda veebidisaineritele toimivaid, kvaliteetseid CSS-i üleminekuid ja animatsioone. Idee on pakkuda võimalikult vähe kasutajaliidese ja JavaScripti, et saaksite oma saidil kasutamiseks efekti välja tõmmata ja seda hõlpsalt kohandada.

Selles ekraanivaates tutvustan teile projekti, näitan, kuidas saate selle kohalikult käima panna ja kuidas sellele GitHubis kaasa aidata. Kaasatud on mitmesuguseid tehnoloogiaid. Projekt kasutab sõlmede jaoks sõlme ja npm. Üks neist on Grunt, mis tegeleb ehitamise protsessiga. Grunt jälgib sisuliselt projekti kausta ja käivitab failide muutumisel kõik õiged asjad. Näiteks HTML-failide ülesehitamine mallide muutumisel ja Sass, Autoprefixer ja LiveReload käivitamine, kui SCSS-failid muutuvad.

Seejärel teeme projekti (meie hargil) reaalse muudatuse ja esitame tõmbenõude kuni põhiprojektini.