Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (juuli 2015)

    Uued ressursid veebidisaineritele ja arendajatele (juuli 2015)

    Veebiarendajad on õnnistatud tasuta veebipõhiste tööriistade ja ressurssidega, mida me igakuiselt värskete ressursside seerias kohustuslikult kogume. Kui olete eelmise kuu partii vahele jätnud, siis vaadake seda uuesti või vaadake ülejäänud aasta alguses kogutud värskeid ressursse.

    2015. aasta juuli partii puhul oleme kõrgelt värsked tööriistad ja ressursid, mis hõlbustaksid teie ülesandeid, alates WordPressi pluginatest, mis võimaldavad teil plugina värskendusi privaatselt JavaScripti raamatukogu juurde lisada, et lisada huvitavaid animatsioone.

    Aladdin

    See plugin lisab täiendava funktsionaalsuse WordPressi haldusele, mis on sarnane OS X Spotlightile. Selle abil pääsete kiiresti juurde Maci failidele ja kaustadele. Kui see on installitud, vajuta kaks korda Shift-klahvi, seejärel sisesta see, mida soovite juurde pääseda. See muudab WordPressi halduse klaviatuuri abil kättesaadavamaks.

    SiteOrigin CSS

    SiteOrigin CSS on jõuline WordPress plugin, et kohandada reaalajas mis tahes teema välimust. Plugin lisab selle alla uue paneeli Välimus> Kohandatud CSS menüüst. Siin saate kirjutada kohandatud CSS-reegleid, et kirjutada üle kasutatava teema CSS-i või kasutada ka GUI-paneeli, et lisada CSS-reeglid intuitiivselt.

    DynamicsJS

    DynmaicJS on raamatukogu füüsika-põhise animatsiooni rakendamiseks. Ma ei ole füüsiline ekspert, kuid näited siin menüüst näevad tõesti lahe. See võib animeerida HTML- ja SVG-elemente ning annab teile kiire sõltuvuse. DynamicJS on testitud Safari 7+, Firefox 35+, Chrome 34+ ja IE10+.

    Lennukirežiim

    See plugin hoiab ära mitu WordPressi välist HTTP-päringut, nagu näiteks Google Fonts, Gravatar ja WordPressi värskendajad, et nad ei soovi ühenduste ja teemade hoidlate ühendamist värskenduste jaoks. See on kasulik lisand kohalikuks arenguks, et tõkestada vigu, mis tekivad, kui kõned ebaõnnestuvad (mis tavaliselt juhtub, kui arendate kohapeal erakordselt aeglase Interneti kaudu).

    Coverr

    Videokogumik, mis sobib teie veebisaitide päistele. Kõik videod on tasuta, litsentseeritud avaliku domeeni alla. Ärge unustage seda vaadata “Kuidas kasutada” osa, kuidas videot oma veebilehele lisada.

    VibrantJS

    VibrantJS haarab pildilt silmapaistvaid värve. Samuti paljastab see mõned API-d, mis võimaldavad teil töödelda värvi, näiteks värvivormingu vahetamist ja tausta ja teksti õige koostise otsustamist. Võite seda kasutada oma veebisaidi liidese parandamiseks dünaamilise värvigeneratsiooniga, kasutage värvi kohatäitja kujutisena, kui pilt ei ole veel täielikult laaditud, või looge veebirakendus värvitoonide loomiseks.

    GradifyCSS

    See raamatukogu haarab kaks silmapaistvat värvi ja genereerib saadud värvidest CSS-gradienti. Sarnaselt VibrantJS-ile saate gradienti kasutada kujutise kohahoidjana siis, kui pilt ei ole täielikult laaditud või kui ülekatte värv.

    PurifyCSS

    PurifyCSS puhastab kasutamata CSS-reeglid välja oma laaditabelist. Seda saab kasutada suurte raamide, näiteks Bootstrap ja Foundation stiililehtede suuruse vähendamiseks kuni 40%. PurifyCSS on saadaval Grunt ja Gulp plugina.

    Pealkiri Capital for WordPress

    Nimi on seda kõike öelnud. See WordPressi plugin muudab pealkirjad ja sisu pealkirjad õigeks kapitaliseerimiseks pärast postituse ja lehe salvestamist või avaldamist. Leian, et see plugin on kasulik mitmete autoritega veebisaitidele, et säilitada nende veebisaidi sisu järjepidevus.

    GitHub Updater

    See plugin võimaldab kasutajal installige ja värskendage automaatselt GitHubis asuvad WordPress pluginad. Vaatamata sellele nimele toetab plugin ka Bitbucket'i ja GitLabi, sealhulgas privaatses hoidlas. See on kasulik plugin arendajatele, kes arendavad ja levitavad oma pluginaid või teemasid ainult oma klientidele.

    Koodide näited

    Koodikoodide kogum WordPress Theme Review Team. Praegu koosneb näide koodidest, mis võimaldavad ehitada Theme Customizer komponente, kasutades Customizer API-d, sealhulgas osa, sätete ja paneeli loomiseks. Rohkem koodid näiteid tulevikus lisatud parimatest tavadest.