Uued ressursid veebidisaineritele ja arendajatele (juuli 2017)
Aeg lendab ja oleme praegu 2017. aasta keskel. Selle kuu järelmaksuga on meil hulgaliselt suuri JavaScripti raamatukogusid ja mõned teised nagu plugin, mis lubab GraphQL-i WordPressis, töölaua rakendust CSV-andmete esitamiseks ja mõnda veebilehte raamistikud. Vaatame need välja.
HeroPatterns
Kogumik SVG-ga tehtud korduv muster mida saate oma veebisaidi taustana kasutada. Sait on varustatud mugava seadistusega kohandada mustri värvi ja läbipaistmatust saate lihtsalt kopeerida ja kleepida oma CSS-i lisada lisatava koodi.
TestCafe
TestCafe on end-to-end (e2e) testimisvahend mis võimaldab teil oma veebisaite ja veebirakendusi testida nii, nagu neid kasutavad reaalsed kasutajad. See automatiseerib testi tegemisel mitmeid asju, sealhulgas brauserite käivitamisel käivitage määratud testimisüksus, genereerige aruandeid, ekraanipildid ja kaardipilt vigade tõrkeotsinguks.
SugarJS
SugarJS on JavaScripti raamatukogu manipuleerida objektid, kihid ja kuupäevad ilusama ja loetavama süntaksiga. Raamatukogus on ka mõned kasulikud funktsioonid, .escapeHTML ()
mis seda teeb teisendada HTML-elemendid oma üksuse vormingusse.
PRL
Käepärane JavaScript-raamatukogu pöörake aega, numbrit ja tavalist stringi millisekunditeni. ms ('2 päeva')
, näiteks konverteeritakse 172800000
.
pa11y
Suurepärane abivahendite kogum parandada veebisaidi kättesaadavust ja veebirakendusi. pa11y koosneb CLI-st, et testida mis tahes veebilehti juurdepääsetavuse küsimustes, a Juhtpaneel kuvab vigade ja hoiatuste genereeritud aruanded, ja CLI, mis on spetsiaalselt loodud CI-tööriista jaoks nagu Codeship või Travis.
Suled ikoonid
A ikoonide kogumine kaasaegse vibe abil. Need ikoonid sobivad ideaalselt veebisaitidele ja rakendustele, mis on mõeldud mis tahes platvormidele (iOS, Windows või Ubuntu). Ikoonid tulevad sisse Nii SVG kui ka React ja Angular komponendid.
Reageerige lennuga
Reageerige mooduliga looge oma rakenduses animatsioonikoostis. Raamatukogu on inspireeritud põhimõttest „Sketch”, milles saate lisage kasutajaliidese komponendi interaktiivsus kiiresti ja lihtsalt.
BounceJS
Raamatukogu loo põrgatööga animatsioone. Animatsiooni toetab CSS3 ja mitu eelvalitud animatsiooni. JavaScripti teeki saate installida läbi npm, bower või lihtsalt kopeerige CSS animatsioon veebisaidil.
Bojler
Bojler on e-posti raamistik koos HTML-koodi kirjutamise suunistega mis annab kõige populaarsemate e-posti klientidele õigesti. Rohkem e-posti raamistikke leiate meie eelmisest postitusest.
Devicon
Kogumik programmeerimiskeelte ikoonid, projekteerimine ja arendustööriistad. Ikoonid on saadaval SVG- ja Font-vormingus. Mõned konkreetsed ikoonid, nagu näiteks Firefox, AWS ja HTML5, on varustatud ka nende üksikasjalike variantidega. Päris lahe õigus?
Nüüd UI komplekt
Bootstrap 4-l põhinev kollektsioonile reageeriv liides sisaldab 50 elementi ja 3 kohandatud malli. Lisaks HTML-versioonile on kasutajaliides saadaval ka PSD- ja Sketch-vormingutes.
T-kerimine
T-kerimine on a JavaScript-raamatukogu animatsiooni rakendamiseks kui element on vaatluspordis nähtav. See on varustatud käputäis valikute ja eelseadistatud animatsioonidega.
Ory Editor
ORY on veebis kaasaegne ja kättesaadavam veebiredaktor. ORY redaktor on ehitatud React ja Flux peal. See muudab redigeerimise lihtsaks, võimaldades kasutajatel sisu redigeerida ja tulemust kohe näha ilma eriliste süntaksite nagu HTML või Markdown teadmata.
TadViewer
TadViewer on mugav töölaua rakendus CSV vaatamiseks ja see töötab suurte andmete ja failide puhul. Rakendus on saadaval MacOS, Windows ja Linux.
Smooth Scroll Polyfill
Sujuv kerimine on osutunud meeldivamaks kasutaja kogemuseks. Nüüd pakutakse ja koostatakse ametlikult W3C-s. Praegu töötab see ainult Chrome'is, Firefoxis ja Opera's. Kasutage seda raamatukogu emuleerige sujuvat kerimisfunktsiooni Internet Exploreris ja Safaris.
Ei, aitäh
JavaScript-raamatukogu teadete kuvamiseks, Noty muudab Alart, Success, Error, Warning, Information või dialoogisõnumi esitamise lihtsaks. Seda saab kasutada koos animatsiooniraamatukoguga nagu mo.js ja bounce.js teavitamise slaidid sisse ja välja.
HopScotch
Hopscotch on Avatud lähtekoodiga projekt, mille on loonud LinkedIn. See on raamistik, mis aitab arendajatel toote-ekskursioone lisada. Vaadake demot, mis on mõeldud elava näite ja API jaoks.
SurveyJS
SurveyJS on veel üks fantastiline JavaScript-raamatukogu. Nagu nimigi ütleb, on see eesmärk on luua uuringu sisendeid. See sisaldab erinevaid sisenditüüpe, et täita uuringu vastuseid ja on ka üle kantud mitmetele populaarsetele JavaScript raamistikele sealhulgas AngularJS, VueJS ja React.
WP GraphQL
GraphQL on tõusuteel ja võib olla a tugev REND arhitektuuri asendaja mis volitab peaaegu kõiki veebi API-sid. See on plugin, mis võimaldab teil hankige oma WordPressi sisu GraphQL-iga. Siin on suurepärane viide sellele, kuidas REST ja GraphQL üksteisest erinevad.
Monaco toimetaja
Monaco toimetaja on see toimetaja volitab Visual Code Editorit. See on ehitatud Microsofti poolt ja toetab mitut keelt väljapoole kasti, kaasa arvatud HTML, CSS, LESS, CoffeeScript ja PHP. Intellisense, mis aitab teil koodi kiiremini kirjutada.