Pagrindinis » Interneto svetainės dizainas » Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Balandis)

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Balandis)

    Šį mėnesį mes matėme keletą pranešimų iš žymių technologijų pavadinimų. Pavyzdžiui, „Apple“ atidarė naują duomenų bazės sistemą, „Google“ išleido naują įrankį, skirtą įvertinti jūsų svetainės greitį mobiliajame telefone, ir „Github“ su nemokamu kursu, kad galėtumėte pradėti naudoti „Git“, „Github“ ir bendrai koduoti.

    Be to, šiandieniniame pranešime taip pat aš yra daug naujų priemonių, kurios šiuo metu didėja. Leiskite pereiti prie to, ką turime daugiau sąraše.

    VuePress

    Naujas įrankis iš Vue kūrėjo, VuePress yra a statinis svetainės generatorius suprojektuotas su „Vue.js“. Jis generuoja ir iš anksto pateikia kiekvieno puslapio statinį HTML veikia kaip SPA (vieno puslapio taikymas). Jame yra keletas funkcijų, įskaitant „Google Analytics“ ID, paiešką, kitą ir ankstesnę navigaciją, šoninę juostą ir PWA.

    IMG-2

    „JavaScript“ biblioteka, kurioje įdiegta a pasirinktinis elementas, img-2. Naujas elementas prideda keletą optimizacijų, kurių neatitinka standartas img elementas, gerinti, kaip vaizdas įkeliamas naudotojams. Su pasirinktiniu elementu vaizdas bus iš anksto išsaugotas tingus krovinys vaizdus ir tarnauti iš talpyklos tik tada, kai vaizdai įvedami į vartotojo peržiūros sritį. Patikrinkite demonstraciją.

    Tabler

    Elegantiškas prietaisų skydelis / administravimo skydas remiantis „Bootstrap“ 4. Prietaisų skydelyje yra iš anksto pagaminti komponentai, pvz., Diagramos, formos, galerijos, kainodaros lentelė ir gražus pasirinktinių piktogramų rinkinys. Puikus pradinis taškas, leidžiantis kūrėjams greitai kurti administravimo skydą. Patikrinkite demonstraciją!

    DayJS

    DayJS „JavaScript“ biblioteka formatuoja datas ir laikus. Dar daugiau, „DayJS“ turi panašias API su „Moment.js“, tačiau tai tik svoris 2Kb. Atsižvelgiant į tai, tai gali būti puiki alternatyva „Moment.js“, jei norite, kad lengvesnė biblioteka vis dar žinotų, ką jau žinote.

    UnifiedArchive

    PHP biblioteka, skirta suspaustiems failams tvarkyti, UnifiedArchive palaiko platų formatų asortimentą, įskaitant RAR, Zip, Gzip, derva, ir daug kitų suspaudimo tipų. Naudodami šią biblioteką galite archyvuoti ir išgauti failus ar katalogus. Ji numato a keletas API, skirtų manipuliuoti failais po to, kai jis buvo išgautas iš archyvo. UnifiedArchive yra prieinamas kaip Kompozitoriaus paketas.

    „Github“ mokymosi laboratorija

    Github ką tik paskelbė nemokamas kursas, apimantis daugiausia Gitą Githube. Šiuo metu yra 5 kursai, kuriuose galite sužinoti keletą patogių dalykų, tokių kaip kaip naudoti „Github“ koduoti savo kodus, kaip naudoti „Github“ puslapius jei norite gauti nemokamą svetainę ar tinklaraštį savo projektui ir kaip valdyti sujungimo konfliktus, kurie vyksta, kai dirbate su daugeliu kūrėjų projekte.

    WordPress UnitTest DOM Parser

    Gražus patarimas iš Takayuki Miyauchi „DOMElement“ testavimas atliekant „UnitTest“ programoje „WordPress“. Aš asmeniškai maniau, kad tai tikrai naudinga; tikiuosi, kad tai sutiks.

    „Popmotion“

    „JavaScript“ biblioteka, skirta sklandžiai veikiančiai animacijai internete, “„Popmotion“” suteikia API, vadinamą fizika, kuri leidžia sukurti beveik realaus gyvenimo animacijos efektus. Jis yra nebaigtas; tiesiog biblioteką išvesties reikšmes, remiantis konkrečiu konfigūracijos rinkiniu. Tai leidžia taikyti tuos išėjimus, kad būtų galima animuoti bet kurią terpę, įskaitant CSS, SVG, Three.js ir net React.js.

    Driver.js

    „JavaScript“ biblioteka, kuri leidžia jums “vairuoti” vartotojui sutelkti dėmesį į puslapį. Tai ypač naudinga, jei norite įvesti konkrečias funkcijas arba nukreipti jas į konkrečias užduotis puslapyje. Driver.js yra teisingas 4 KB dydžio, pritaikoma ir klaviatūra.

    Pakeiskite animuotą GIF su vaizdo įrašu

    GIF yra visur, po to, kai grįšite labai daug. Tačiau problema, susijusi su GIF, yra tai, kad ji paprastai yra labai didelė. Tai yra pralaidumo pralaidumas, tačiau grafinė kokybė dažnai yra baisi. Tai „Google“ gairės rodo, kaip “Vaizdo įrašas” GIF gali pakeisti animuotą grafiką.

    Teksto kaukė

    „JavaScript“ biblioteka transformuoti tekstą, kuriam reikia specialaus formato kaip telefono numeris, valiuta arba kredito kortelės numeris. Kaip vartotojas įveda tekstą automatiškai bus paverstas tinkamu formatu, pagerinančiu vartotojo patirtį. „TextMask“ gali būti naudojamas su „React“, „Vue“ arba tiesiog paprastu „JavaScript“.

    Palyginkite „Mobile Site Speed“

    Tai dar vienas patogus „Google“ įrankis. Šis įrankis leis jums pakraunami iš mobiliojo telefono, patikrinkite savo svetainės greitį ir įvertinti bendrą pajamų praradimą, kai svetainė įkeliama lėtai. Tu gali pasirinkite šalį ir greitį iš kurių jūsų svetainė bus išbandyta.

    VueNut

    „VueNut“ sukuria kompanioną kuriant žiniatinklio programą su „Vue.js“ ir „Vuex“ lengviau ištirti saugomą duomenų būseną ir leidžia lengvai manipuliuoti duomenimis kūrimo metu. Kieti dalykai!

    FoundationDB

    Neseniai „Apple“ sukūrė „FoundationDB“ atvirąjį šaltinį „Github“. Tai yra raktų vertės porų duomenų bazės sistema kad žada mastelio ir našumo. Tai kieta, kad didelės technologijų įmonės pradeda skirti atviro kodo kai kuriuos savo produktus.

    „StoryBooks“

    „StoryBooks“ yra įrankis pastatykite React komponentą atskirai. Jame naršyklėje pateikiama vartotojo sąsaja, leidžianti peržiūrėti įvairias kiekvienos komponento būsenas išbandyti komponentus.

    GhostText

    Tai bus naršyklės plėtinys sinchronizuokite, ką rašote naršyklėje, į teksto redaktorių arba atvirkščiai. Galiausiai tai buvo naudinga, jei norite, kad galėtumėte rašyti tinklalapyje su patogumais ir kodo redaktoriaus funkcijomis. „GhostText“ yra „Chrome“, „Firefox“ ir „Opera“.

    Coala

    Coala yra a CLI suteikia sąsają, skirtą plytelių ir fiksavimo kodui, nepriklausomai nuo naudojamų kalbų. „Coala“ galite naudoti kodų redaktoriuje, integruoti jį su CI (nepertraukiama integracija) ir pritaikyti ją konfigūracijos sintaksei .koafile. „Coala“ palaiko daugybę kalbų, tokių kaip „CSS“, „JavaScript“, „PHP“ ir daugiau informacijos rasite šiame kataloge.

    ReactStrap

    ReactStrap yra Bootstrap 4 komponentų rinkinys, transformuotas į daugkartinio naudojimo React komponentus. Jei norite modernizuoti seną „Bootstrap“ pagrįstą svetainę, ši biblioteka yra kažkas, ko galbūt norėsite apsvarstyti.

    Reacto

    Kita su React susijusi priemonė, Reacto yra „IDE“, pastatytas ant „Electron“ ir skirtas kurti interneto programas su „ReactJS“. Tai atrodo tikrai patogu, jei jūsų vystymosi pirminis sukasi aplink ReactJS.

    PicoJS

    „JavaScript“ biblioteka įgalina veido aptikimą. Jis veikia su nuotrauka arba integruota kamera. Tai tikrai įdomu, kaip interneto technologijos vystosi per pastaruosius kelerius metus.