Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2016 m. Gegužės mėn.)

Atėjo laikas pasidalinti dar vienu nuostabiu išteklių sąrašu mūsų kolegoms žiniatinklio kūrėjams. Paskutinį kartą pristatėme keletą nuorodų, programų ir keletą „JavaScript“ bibliotekų.

Atsižvelgiant į tai, kad yra daug „JavaScript“ bibliotekų, kurių dar neužėmėme šioje serijoje, ši įmoka turės daugiau „jQuery“ papildinių ir keletą nuorodų, kad pagerintume žinias kaip žiniatinklio kūrėjai. Patikrinkime juos.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

jQueryMy

jQueryMy yra jQuery įskiepis tvarkyti realaus laiko duomenis. Jis yra suderinamas su vietiniais naršyklės valdikliais arba įvestimis, taip pat su UI biblioteka, pvz., JQuery UI iš dėžutės. Jame yra patvirtinimas, sąlyginis formatavimas ir sudėtingas priklausomybės valdymas, kuris, atrodo, padaro jį dar geresnį, tačiau lengvesnį - alternatyva MV * sistemai kaip Backbone.js, Ember.js ir Vue.js

Galva

Paprastai galva žyma yra pavadinimas žyma, nuorodą žyma, nukreipta į stilių lentelę, ir scenarijus žyma, skirta įkelti „JavaScript“ failą. Ši saugykla rodo, kad yra daug daugiau, ką galime įtraukti į galva žyma. Sąraše yra bendros nuorodos ir meta žymos vienai konkrečiai platformai.

SmoothState

A sklandus puslapio perėjimas gali būti tikras skausmas. Turime galvoti apie naršyklės palaikymą „Istorijos API“, talpyklą, išankstinį įkėlimą ir animaciją, siekiant užtikrinti, kad jis veiktų kaip sklandus ir greitas. SmoothState kartu su visomis šiomis paketais, leidžiančiu mums gauti patirties ir dirbti per trumpesnį laiką.

„SketchRunner“

Trumpai tariant, „SketchRunner“ yra panašus į „OS X Spotlight“, „Alfred“ arba „SublimeText“ komandų paletę. Tai yra eskizo plėtinys suteikia paprastą paieškos sąsają atlikti keletą užduočių, kurios paprastai atliekamos programos meniu. Jis supaprastina, kad padėtų jums būti produktyvesniems.

Prieinamas CSS

Prieinamas CSS yra internetinė knyga, apimanti ilgametę patirtį, rafinuotus metodus suformuoti Žvaigždžių CSS, kuri būtų palaikoma ilgą laiką per visas kartas.

„Flexbox“ modeliai

Tai yra kolekcija fragmentai ir „drop-in“ HTML ir CSS sukurti sąsają, pvz., antraštė, poraštė, meniu navigacija, naudojant CSS Flexbox. Jei sunku suvokti „Flexbox“ naudojimą, tai yra puikus įkvėpimo šaltinis, kad galiausiai sužinotumėte „Flexbox“.

Lavos lempa

Begalinė slinktis yra populiari interneto sąsaja, kurioje ji yra iškelia naują turinį, kai pasiekiame puslapio apačią. „Lavalamp“ yra „JavaScript“ biblioteka, pavadinta pakeisti „Infinite Scroll“. Patikrinkite demonstraciją.

Glio

„JavaScript“ aptinka pelės žymeklį Kada tai yra išeiti iš peržiūros srities kuri greičiausiai rodo, kad vartotojas ketina išeiti. Kai tai daroma, galite ją naudoti paleisti funkciją, kad būtų rodoma prenumeratos forma arba a paprastas iššokantis pranešimas padidinti konversijos rodiklį.

Coleure

Kitas spalvų rinkiklis su vėsioje vartotojo sąsaja. Spalvų paletę galite sukurti ir nuvilkti, kad taptumėte labiau vizualiu ir organizuotu spalvų schemos kūrimo metodu. Prisiregistruokite, kad sukurtumėte paskyrą, kad išsaugotumėte kolekcijas.

CSSX

CSSX yra įrankis leidžia rašyti CSS „JavaScript“. Niekas nepasikeitė; Tai ta pati gimtoji CSS sintaksė, suvyniota į „JavaScript“ funkciją. Aš nuoširdžiai dar nesuvokiau, kaip galėčiau panaudoti CSSX bet kuriame mano projekte, bet atrodo gerai, ir tikrai verta paminėti.