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

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Rugpjūčio mėn.)

    Atrodo, kad plėtros bendruomenė pastaruoju metu yra aktyvesnė, nes per pastaruosius kelis mėnesius buvo išleista gana daug naujų priemonių. Šiame serijos etape aš išryškinsiu kai kurias priemones, kurias verta paminėti.

    Tarp įrankių sąrašo yra „JavaScript“ biblioteka sukuria manekeno duomenis, įrankį, skirtą failams bendrinti vietiniuose tinkluose, ir vienas, kuris leis jums įrašyti terminalo sesiją į SVG animaciją. Skamba gerai? Pažvelkime visą žemiau pateiktą sąrašą.

    Pushbar.js

    Tai „JavaScript“ biblioteka, skirta stumti stalčius. Paprastai stumdomasis stalčius naudojamas svetainės meniu naršymui rodyti, bet jūs galite naudoti šią biblioteką, kad būtų rodomi bet kokie tinkami jūsų svetainei. Pushbar.js yra visiškai pritaikomas ir laisvas, nereikalingas jQuery.

    Anglies dabar CLI

    „Carbon CLI“ yra „Node.js“ paketas generuoti kodo ekrano kopiją gražiai per komandų eilutės sąsają. Šis įrankis įkvėptas „carbon.now.sh“, kur jūs galite padaryti tą patį per gražią naršyklės GUI.

    Faker.js

    „JavaScript“ biblioteka sukurti manekeno duomenis. Jis palaiko daugumos duomenų, pvz., Vardų, pašto adreso, įmonės pavadinimo, telefono numerio, datos ir daugelio kitų, kūrimą. Visi šie duomenys gali būti labai naudingi išbandyti savo žiniatinklio programą.

    TermToSVG

    TermToSVG ​​yra a Linux terminalo įrašymo įrenginys kuri paverčia jūsų komandų eilutės sesijas į SVG animaciją. Tai yra naudinga priemonė kūrėjams rašyti pamoką.

    Duomenų bazės atsarginių kopijų tvarkyklė

    Tai yra PHP biblioteka ir, kaip rodo pavadinimas, suteikia funkcijų rinkinį tvarkyti duomenų bazės atsarginę kopiją ir atkurti. Biblioteka palaiko įvairias paslaugas, kurias galima siųsti arba ištraukti atsarginę kopiją, įskaitant „Dropbox“, „Amazon S3“, „FTP“ ir „SFTP“ bei „Rackloud Cloud“.

    Reaguoti bitais

    „React.js“ metodų, patarimų ir gudrybių kolekcijos, „React Bits“ apima bendrus dizaino modelius, stilių ir našumo patarimus. Tai tikrai puikus šaltinis jūsų „React.js“ įgūdžių lyginimui.

    DSS kalba

    DSS reiškia „deterministinę stilių lentelę“ - naują CSS kūrimo įrankį. Kaip tai veikia ir kaip tai galima taikyti mano kasdieniam darbui? Aš sąžiningai iki šiol nežinojau. Bet atrodo gerai, ir tai nauja, todėl ji yra sąraše. Ačiū!

    PurgeCSS

    „PurgeCSS“ yra NPM paketas, leidžiantis optimizuoti CSS išvestį savo žiniatinklio programoje pašalindami tuos, kurie nenaudojami. Įrankis turi įvairias įmontuotas įrankių palaikymo priemones, įskaitant „Gulp“, „Grunt“, „Grunt“, „Webpack“ ir „PostCSS“, kad galėtumėte integruoti ją į savo projektą tuoj pat.

    RFS

    RFS reiškia „Responsive Font Size“ ir yra įdomus projektas, skirtas spręsti vieną iš sunkiausių žiniatinklio dalykų, t. Y. parodyti šrifto dydį, taip, kad dydis gerai atitiktų įrenginio peržiūros srities dydį. RFS galima naudoti kaip NPM

    SimpleBar

    „JavaScript“ biblioteka, sukurianti pasirinktinę slinkties juostą, „SimpleBar“ leidžia jums stiliuoti slinktį į suderinkite savo svetainės stilių, naudodami CSS, kaip ir bet kurį kitą HTML elementą svetainėje. Dėl platformos ir naršyklės apribojimų, naršyklės slinkties juostos stilius buvo sudėtingas, bet „SimpleBar“ tikrai tapo paprasta.

    Larastanas

    Larastanas yra vynioji pakuotė PHPStan už Laravel. PHPStan yra įrankis, kuris leis jums patikrinti savo kodus, kad galėtumėte paklausti, nereikia rašyti vieneto testo. Ji patikrina daugybę dalykų, įskaitant vadinamųjų metodų ir funkcijų egzistavimą, tipų, priskirtų savybėms, skaičių ir tipus, priskirtus klasės konstruktoriui, ir patvirtinant phpDocs.

    PWMetrics

    PWMetrics yra įrankis, kuris renka Progressive Web Apps metrikas per komandų eilutės sąsają, kurią sukūrė Paul Irish. Priemonę palaiko „Švyturys“ ir jis yra NPM paketas. Ji suteikia daug galimybių sukonfigūruoti metrikas, bandymo rezultatus, ir lūkesčius, kuriuos norėtumėte pasiekti iš bandymo.

    Pax

    „Pax“ yra „JavaScript“ paketas kompiliuokite „JavaScript“ modulius į naudojamą failą naršyklėms. Pax žada greitį. Jis surenka greičiau nei kai kurie alternatyvūs pardavėjai. Ji visiškai palaiko ES6 importuoti ir eksportuoti sintaksė ir „CommonJS“ importuoti. Skirtingai pax yra parašyta su Rust ir yra prieinama per Rust paketo registrą, vadinamą „Cargo“.

    SustyWP

    SustyWP yra a „WordPress“ tema skirta geriau; sumažinti anglies pėdsaką sumažinant jo dydį iki mažiausio. Tai yra svoris tik 7-6kb, kai įkeliama į naršyklę. Tai greitas ir lengvas, ir mainais ji sunaudoja mažiau išteklių (pvz., elektros energijos), kad būtų galima įkelti svetainę. Patikrinkite Jack Lenox temos foną šiame pranešime.

    „Doodle“ biblioteka

    A doodle piešinių rinkimas, „Doodle“ bibliotekoje kolekcijoje yra daug brėžinių, jie suskirstyti į kelias kategorijas „veidai“, „vietos“, „gyvūnai“ ir pan. Brėžiniai pateikiami SVG formatu ir platinami pagal Creative Common Attributions 4.0

    Tilt.js

    JQuery įskiepis sukurti išgalvotas pakreipti poveikį panašūs į „Apple TV“ matomus peržiūros miniatiūras. Jai nereikia papildomo CSS. Jie taip pat pateikia tam tikrą šio puslapio diegimo pavyzdį, todėl jo naudojimas yra gana paprastas. Įsitikinkite, kad jums patikrinkite „Glare“ efektą; tai tikrai kietas.

    Fileroom

    Fileroom yra žiniatinklio programa bendrų failų bendrinimas tame pačiame tinkle. Galite bendrinti failą su savo kolega tiesiog nuvilkdami n-drop, nepaisant OS. Jis veikia „Windows“, „MacOS“, „Linux“.

    Coolhue

    Rankų pasirinktų gradiento spalvų rinkinys „Coolhue“ leidžia patraukti „Photoshop“ ir „Sketch“ programos spalvų paletės swatches arba įdiegti jį į savo projektą naudojant bower arba npm. Tai turėtų sutaupyti šiek tiek laiko, kad pasiektumėte savo būsimų svetainių spalvas.

    Rifas

    Paprasta „JavaScript“ biblioteka, skirta kurti UI, „Reef“ neturi visų varpų ir švilpukų iš didesnės bibliotekos, pvz., „React.js“ arba „Vue.js. Bet jei jums reikia pateikti UI, tiesiog duomenų įvedimą ir šablonas Reef galėtų būti puiki alternatyva. Tai svoris tik 2Kb

    Evergreen

    UI komponento rinkinys iš Segment.io. Komponentai yra gana įvairūs; išskyrus kai kuriuos reguliarius komponentus, tokius kaip mygtukai, piktogramos, teksto įvestis, yra keletas, kurie, mano manymu, yra unikalūs „Evergreen“, pvz., skrudintuvas, šoninis lapas ir kampinis dialogas.