Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2015 m. Liepos mėn.)

Žiniatinklio kūrėjai palaiko nemokamus įrankius ir išteklius internete, kuriuos mes kas mėnesį kruopščiai renkame savo „Fresh Resources“ serijoje. Jei praleidote praėjusio mėnesio partiją, apsilankykite čia arba peržiūrėkite likusius naujus išteklius, surinktus metų pradžioje.

2015 m. Liepos mėnesio paketui mes vertiname šviežius įrankius ir išteklius, kurie palengvintų jūsų užduotis, pradedant nuo „WordPress“ įskiepių, leidžiančių įdiegti įskiepių atnaujinimus privačiai į „JavaScript“ biblioteką, kad pridėtumėte įdomių animacijų.

Aladdin

Šis įskiepis suteikia papildomą funkciją „WordPress“ administracijai, kuri yra panaši į „OS X Spotlight“. Su juo galite greitai pasiekti „Mac“ failus ir aplankus. Įdiegus, paspauskite „Shift“ du kartus, tada įveskite tai, ką norėtumėte pasiekti. Naudojant klaviatūrą, „WordPress“ administracija tampa prieinamesnė.

SiteOrigin CSS

SiteOrigin CSS yra patikimas „WordPress“ įskiepis, skirtas pritaikyti bet kokią temos išvaizdą realiu laiku. Įskiepis prideda naują skydelį Išvaizda> Custom CSS Meniu. Čia galite parašyti pasirinktines CSS taisykles, kad perrašytumėte naudotos temos CSS, taip pat galite naudoti GUI skydelį, kad pridėtumėte CSS taisykles intuityviai.

„DynamicsJS“

„DynmaicJS“ yra biblioteka, kurioje naudojama fizika pagrįsta animacija. Aš nesu fizinis ekspertas, bet čia pateikiami pavyzdžiai atrodo tikrai kieti. Jis gali animuoti HTML ir SVG elementus ir suteikia jums greitą našumą be jokios priklausomybės. „DynamicJS“ buvo išbandytas „Safari 7+“, „Firefox 35+“, „Chrome 34+“ ir „IE10“+.

Lėktuvo rėžimas

Šis įskiepis neleis keliems „WordPress“ išoriniams HTTP užklausoms, pvz., „Google“ šriftams, „Gravatar“ ir „WordPress“ atnaujinimui, bandyti prisijungti prie papildinių ir temų saugyklų naujinimui. Tai naudingas papildymas vietinei plėtrai, kad būtų užkirstas kelias klaidoms, atsirandančioms, kai šie skambučiai nepavyksta (tai paprastai atsitinka, kai kuriate vietiniu būdu esant itin lėtam internetui).

Coverr

Vaizdo įrašų rinkinys, puikiai tinkantis jūsų svetainės antraštėms. Visi vaizdo įrašai yra nemokami, licencijuoti pagal „Public Domain“. Nepamirškite patikrinti “Kaip naudoti” skyriuje, kad sužinotumėte, kaip pridėti vaizdo įrašą į savo tinklalapį.

VibrantJS

„VibrantJS“ užfiksuoja ryškias paveikslėlio spalvas. Ji taip pat atskleidžia keletą API, kurios leidžia apdoroti gautą spalvą, pvz., Perjungti spalvų formatą ir nuspręsti dėl tinkamos fono ir teksto sudėties. Jūs galite naudoti ją patobulinti savo svetainės sąsają su dinamišku spalvų generavimu, naudoti spalvą kaip vietos žymeklio vaizdą, kai vaizdas dar nėra visiškai įkeltas, arba sukurkite žiniatinklio programą, skirtą spalvų Swatch kūrimui.

GradifyCSS

Ši biblioteka patenka į dvi ryškias spalvas ir sukuria CSS gradientą iš gautų spalvų. Panašus į „VibrantJS“, galite taikyti gradientą kaip vaizdo vietos žymeklį, kai vaizdas nėra visiškai įkeltas, arba kaip perdangos spalva.

PurifyCSS

„PurifyCSS“ pašalina nepanaudotas CSS taisykles iš savo stilių. Tai galite naudoti, jei norite iki 40% sumažinti apdailos stilių dydžius, pvz., „Bootstrap“ ir „Foundation“. „PurifyCSS“ yra „Grunt“ ir „Gulp“ įskiepiai.

Pavadinimas Sostinė „WordPress“

Viskas pasakyta. Šis „WordPress“ įskiepis pavers antraštes ir turinio antraštes į tinkamą kapitalizaciją išsaugant ar skelbiant įrašą ir puslapį. Manau, kad šis įskiepis naudingas svetainėms, kuriose yra keli autoriai, kad būtų išlaikytas jų svetainės turinio nuoseklumas.

„GitHub Updater“

Šis įskiepis leidžia vartotojui įdiegti ir automatiškai atnaujinti „WordPress“ papildiniai, talpinami „GitHub“. Nepaisant pavadinimo, papildinys taip pat palaiko „Bitbucket“ ir „GitLab“, įskaitant vieną privačioje saugykloje. Tai naudingas papildinys programuotojams, kurie kuria ir platina savo priedus ar temas tik savo klientams.

Kodo pavyzdžiai

Kodo pavyzdžių rinkinys iš „WordPress“ temos peržiūros komanda. Šiuo metu pavyzdys susideda iš kodų, skirtų „Theme Customizer“ komponentams sukurti, naudojant „Customizer API“, įskaitant skyrių, parametrus ir skydelį. Daugiau kodų geriausios praktikos pavyzdžių pridėta ateityje.