Domača » Oblikovanje spletnih strani » Sveži viri za spletne oblikovalce in razvijalce (julij 2015)

    Sveži viri za spletne oblikovalce in razvijalce (julij 2015)

    Spletni razvijalci so blagoslovljeni z brezplačnimi orodji in viri, ki jih najdemo na spletu, ki jih zvesto zbiramo v naši seriji svežih virov vsak mesec. Če ste zamudili pošiljko v zadnjem mesecu, jo ponovno obiščite ali preverite preostale sveže vire, ki ste jih zbrali v začetku leta..

    Za serijo julij 2015 smo opozarjali na nova orodja in vire, ki bi olajšali opravila, od vtičnikov WordPress, ki vam omogočajo zasebno namestitev posodobitev vtičnikov v knjižnico JavaScript za dodajanje zanimivih animacij.

    Aladdin

    Ta plugin dodaja dodatno funkcionalnost administraciji WordPressa, ki je podobna OS X Spotlightu. Z njim hitro dostopate do datotek in map v vašem Mac računalniku. Ko je nameščen, dvakrat pritisnite Shift, nato pa vnesite, kar želite dostopati. Zaradi tega je administracija WordPress dostopnejša z uporabo tipkovnice.

    SiteOrigin CSS

    SiteOrigin CSS je robusten WordPress vtičnik, s katerim lahko prilagodite vsak videz teme v realnem času. Vtičnik doda novo ploščo pod Videz> CSS po meri meni. V tem primeru lahko napišete pravila CSS po meri, da prepišete CSS teme, ki jo uporabljate, ali pa uporabite GUI panel za intuitivno dodajanje pravil CSS..

    DynamicsJS

    DynmaicJS je knjižnica za uporabo animacije, ki temelji na fiziki. Nisem strokovnjak za fiziko, vendar so primeri v tem meniju resnično kul. Lahko animira elemente HTML in SVG in vam omogoča hitro delovanje brez odvisnosti. DynamicJS je bil preizkušen v brskalnikih Safari 7+, Firefox 35+, Chrome 34+ in IE10+.

    Letalski način

    Ta vtičnik bo preprečil nekaj WordPress zunanjih HTTP zahtevkov, kot so Google Fonts, Gravatar in WordPress updater, da se poskuša povezati z vtičniki in temami za shranjevanje posodobitev. To je koristen vtičnik za lokalni razvoj, ki preprečuje, da bi prišlo do napak, ko ti klici ne uspejo (kar se običajno zgodi, ko se lokalno razvijate pod izjemno počasnim internetom)..

    Coverr

    Zbirka videoposnetkov, ki so odlični za glave vaših spletnih mest. Vsi videoposnetki so brezplačni, licencirani v javni domeni. Ne pozabite preveriti “Kako uporabiti” o tem, kako dodati videoposnetek na svojo spletno stran.

    VibrantJS

    VibrantJS zgrabi vidne barve iz slike. Prav tako izpostavlja nekaj API-jev, ki vam omogočajo obdelavo pridobljene barve, kot je preklapljanje barvnega formata in odločanje o ustrezni sestavi za ozadje in besedilo. Z njim lahko izboljšate vmesnik spletnega mesta z dinamično barvno generacijo, uporabite barvo kot sliko ograde, ko slika še ni popolnoma naložena, ali ustvarite spletno aplikacijo za ustvarjanje barvnega vzorca..

    GradifyCSS

    Ta knjižnica zgrabi dve vidni barvi in ​​ustvari CSS gradient iz dobljenih barv. Podobno kot VibrantJS, lahko uporabite preliv kot ogrado za slike, kadar slika ni v celoti naložena, ali kot prekrivna barva.

    PurifyCSS

    PurifyCSS očisti neuporabljena pravila CSS iz vašega sloga. To lahko uporabite za obrezovanje velikosti slogov velikih okvirov, kot so Bootstrap in Foundation, do 40%. PurifyCSS je na voljo kot Grunt in Gulp plugin.

    Naslov Capital for WordPress

    Ime je reklo vse. Ta WordPress plugin bo ob shranjevanju ali objavi objave in strani naslov in naslov v vsebini spremenil v pravilno uporabo velikih črk. Ta vtičnik se mi zdi koristen za spletne strani z več avtorji, ki ohranjajo skladnost vsebine njihovega spletnega mesta.

    GitHub Updater

    Ta vtičnik uporabniku omogoča namestite in samodejno posodobite WordPress vtičniki gostujejo v GitHubu. Kljub temu ime plugin podpira tudi Bitbucket in GitLab, vključno z eno v zasebnem skladišču. Je uporaben vtičnik za razvijalce, ki razvijajo in distribuirajo svoje vtičnike ali teme izključno samo za svoje stranke.

    Primeri kode

    Zbirka primerov kode iz Ekipa za pregled teme WordPress. Trenutno je primer sestavljen iz kod za izgradnjo komponent tematske prilagoditve z API-jem Customizer, vključno z ustvarjanjem odseka, nastavitev in plošče. Še več primerov dobrih praks, dodanih v prihodnosti.