Svježi resursi za web dizajnere i razvojne programere (srpanj 2017.) T
Vrijeme leti i sada smo sredinom 2017. U ovom mjesečnom obroku imamo niz odličnih JavaScript knjižnica i nekoliko drugih poput dodatka koji omogućuje GraphQL u WordPressu, desktop aplikaciju za prikazivanje CSV podataka i nekoliko web-lokacija. okviri. Provjerimo ih.
HeroPatterns
Zbirka ponovljivi uzorak načinjen s SVG-om koje možete koristiti kao pozadinu na svojoj web-lokaciji. Stranica je opremljena zgodnom postavkom prilagodite boju i neprozirnost uzorka i omogućuje jednostavno kopiranje i lijepljenje koda za dodavanje u CSS.
TestCafe
TestCafe je alat za testiranje od kraja do kraja (e2e) koji vam omogućuje da testirate svoje web-lokacije i web-aplikacije kao da ih koriste pravi korisnici. To će automatizirati nekoliko stvari prilikom izvođenja testa, uključujući pokretanje preglednika, pokretanje određene testne jedinice, generiranje izvješća, screenshotovi, kao i sourcemap za lako otklanjanje pogrešaka.
SugarJS
SugarJS je JavaScript biblioteka za manipulirajte objektima, nizovima i datumima s boljom i čitljivom sintaksom. Knjižnica također dolazi s nekoliko korisnih funkcija, na primjer, .escapeHTML ()
koji će pretvoriti HTML elemente u svoj entitetski format.
MS
Prikladna JavaScript biblioteka za vrijeme okretanja, broj i redovni niz u milisekundama. ms ("2 dana")
, na primjer, bit će konvertiran u 172800000
.
pa11y
Velika zbirka alata za pomoć poboljšajte pristupačnost na svojoj web-lokaciji i web-aplikacije. pa11y sastoji se od CLI-a za testiranje bilo koje web-stranice za bilo kakva pitanja pristupačnosti, a Nadzorna ploča za prikaz generiranih izvješća o pogreškama i upozorenjima, i CLI koji je posebno dizajniran za CI alat kao što je Codeship ili Travis.
Ikone perja
zbirka ikona s modernom vibrom. Te su ikone savršeno prikladne za web-lokaciju i aplikacije dizajnirane za sve platforme (iOS, Windows ili Ubuntu). Ikone dolaze SVG kao i u komponentama React i Angular.
Reagirajte let
Modul React to Izgradite animaciju u svojoj aplikaciji. Knjižnica je inspirirana načelom Skica u kojem možete dodati interaktivnost komponenti korisničkog sučelja brzo i jednostavno.
BounceJS
Knjižnica za stvoriti animacije s odskočiti efekt. Animaciju pokreće CSS3 i niz unaprijed postavljenih animacija. Možete instalirati JavaScript biblioteku kroz npm, bower ili jednostavno kopirajte CSS animaciju na web-lokaciji.
Bojler
Bojler je an email okvir s uputama za pisanje HTML koda koji će se ispravno prikazivati na većini popularnih klijenata e-pošte. Više okvira e-pošte možete pronaći u našem prethodnom postu.
Devicon
Zbirka ikone programskih jezika, dizajniranje i razvojni alati. Ikone su dostupne u formatu SVG i Font. Neka određena Ikone kao što su Firefox, AWS i HTML5 također dolaze s detaljnim varijantama. Prilično dobro?
Sada UI Kit
Sučelje prilagođeno kolekciji na temelju Bootstrap 4. To sadrži 50 elemenata i 3 prilagođena predloška. Osim HTML verzije, korisničko sučelje je također dostupno u formatima PSD i Sketch.
T-pomicanje
T-Scroll je a JavaScript knjižnica za primjenu animacije kada je element vidljiv u okviru za prikaz. Opremljen je s pregršt opcija i unaprijed postavljenih animacija.
Urednik ruta
ORY je moderan i pristupačniji web-urednik na webu. Urednik je ORY izgrađen na vrhu React i Flux. To olakšava uređivanje dopuštajući korisnicima da uređuju sadržaj i odmah vide rezultat bez poznavanja posebnih sintaksa kao što su HTML ili Markdown.
TadViewer
TadViewer je zgodan aplikaciju za radnu površinu za prikaz CSV-a i radi na velikim podacima i datotekama. Aplikacija je dostupna na MacOS-u, Windowsima i Linuxu.
Glatko Pomicanje Polyfill
Glatko pomicanje pokazalo se ugodnijim korisničkim iskustvom. To je sada predloženo i službeno sastavljeno u W3C. Trenutno radi samo u Chromeu, Firefoxu i Operi. Koristite ovu biblioteku za oponašati glatko pomicanje u preglednicima Internet Explorer i Safari.
Ne, hvala
JavaScript knjižnica za prikaz obavijesti, Noty olakšava prikaz poruke Alart, Success, Error, Warning, Information ili dijalog. Može se koristiti zajedno s bibliotekom animacija kao što su mo.js i bounce.js kako bi obavijest slajdom graciozno ušla i izašla.
Školice
Hopscotch je open-source projekt koji je povezao LinkedIn. To je okvir koji olakšava programerima dodavanje obilaska proizvoda. Provjerite demo za primjer uživo i API.
SurveyJS
SurveyJS je još jedan strašan JavaScript knjižnica. Kao što ime implicira, jest dizajniran za stvaranje ulaznih podataka za anketu. Sadrži različite vrste unosa za popunjavanje odgovora ankete i također je prenesen na nekoliko popularnih JavaScript okvira uključujući AngularJS, VueJS i React.
WP GraphQL
GraphQL je u porastu i može biti snažan kandidat za zamjenu REST arhitekture koji pokreće gotovo sve web API-je. Ovo je dodatak koji će vam omogućiti dohvatite svoj WordPress sadržaj s GraphQL. Ovdje je velika referenca o tome kako se REST i GraphQL međusobno razlikuju.
Monaco Editor
Urednik Monaka je urednik ovlasti Visual Code Editor. Izgradio ga je Microsoft i podržava nekoliko jezika izvan okvira, uključujući HTML, CSS, LESS, CoffeeScript i PHP zajedno s Intellisense koji vam pomaže brže pisati kod.