Tuoreet resurssit web-suunnittelijoille ja kehittäjille (heinäkuu 2017)
Aika lentää ja olemme nyt vuoden 2017 puolivälissä. Tämän kuukauden erässä meillä on joukko erinomaisia JavaScript-kirjastoja ja muutama muu kuin plugin, jotta GraphQL voidaan käyttää WordPressissa, työpöytäsovellus CSV-tietojen esittämiseen ja muutama sivusto puitteet. Tarkistetaan ne.
HeroPatterns
Kokoelma SVG: llä tehty toistettava kuvio jota voit käyttää taustana sivustossasi. Sivusto on varustettu kätevällä asetuksella muokata kuvion väriä ja opasiteettia ja voit yksinkertaisesti kopioida ja liittää CSS: ään lisättävän koodin.
TestCafe
TestCafe on end-to-end (e2e) -testaustyökalu jonka avulla voit testata verkkosivustojasi ja web-sovelluksiasi sellaisina kuin ne ovat todellisten käyttäjien käytössä. Se automatisoi useita asioita testin suorittamisessa Käynnistä selaimet, suorita määrätty testausyksikkö, luo raportteja, kuvakaappauksia sekä säkkikartta virheiden vianmääritykseen helposti.
SugarJS
SugarJS on JavaScript-kirjasto manipuloida esineitä, sarjoja ja päivämääriä mukavampaa ja luettavampaa syntaksia. Kirjastossa on myös muutama apuohjelma, esimerkiksi, .escapeHTML ()
joka tulee muuntaa HTML-elementit Entity-muotoonsa.
NEITI
Kätevä JavaScript-kirjasto käännä aika, numero ja tavallinen merkkijono millisekunniksi. ms ('2 päivää')
, muunnetaan esimerkiksi 172800000
.
pa11y
Suuri valikoima työkaluja, jotka auttavat parantaa sivustosi saavutettavuutta ja web-sovellukset. pa11y koostuu CLI: stä minkä tahansa verkkosivun testaamiseen mahdollisten esteettömyysongelmien varalta Ohjauspaneeli näyttää syntyvät raportit virheistä ja varoituksista, ja CLI, joka on erityisesti suunniteltu CI-työkalulle, kuten Codeship tai Travis.
Sulka-kuvakkeet
kokoelma kuvakkeita moderni vibe. Nämä kuvakkeet sopivat täydellisesti sivustoihin ja sovelluksiin, jotka on suunniteltu kaikille alustoille (iOS, Windows tai Ubuntu). Kuvakkeet tulevat sisään SVG sekä React- ja Angular-komponentit.
Reagoi lentoon
Reagoi moduuli rakenna animaatiokoostumuksesi sovelluksessasi. Kirjasto on inspiroitu periaatteesta luonnoksesta, jossa voit lisätä interaktiivisuutta käyttöliittymän komponenttiin nopeasti ja helposti.
BounceJS
Kirjasto luo animaatioita, joissa on hyppyvaikutus. Animaatiota tukee CSS3 ja useita esiasetettuja animaatioita. Voit asentaa JavaScript-kirjaston npm: n, bowerin tai kopioi CSS-animaatio sivustossa.
Bojler
Bojler on sähköpostikehys, jossa on ohjeet HTML-koodin kirjoittamiseksi joka tekee oikein suosituimmista sähköpostiohjelmista. Löydät lisää sähköpostijärjestelmiä edellisessä postissa.
Devicon
Kokoelma ohjelmointikielien kuvakkeet, suunnittelu- ja kehitystyökalut. Kuvakkeet ovat käytettävissä SVG- ja Font-muodossa. Jotkut erityisesti kuvakkeet, kuten Firefox, AWS ja HTML5, tulevat myös yksityiskohtaisten versioidensa mukana. Melko viileä oikea?
Nyt UI-paketti
Bootstrap 4: ään perustuva kokoelmaherkkä käyttöliittymä sisältää 50 elementtiä ja 3 mukautettua mallia. HTML-version lisäksi käyttöliittymä tarjotaan myös PSD- ja Sketch-muodossa.
T-Scroll
T-vieritys on a JavaScript-kirjasto animaation soveltamiseen kun elementti on näkyvissä katselualueella. Se on varustettu muutamilla vaihtoehdoilla ja esiasetetuilla animaatioilla.
Ory Editor
ORY on moderni ja helpompi web-editori. ORY-editori on rakennettu React ja Flux päälle. Sen avulla muokkaus on helppoa, koska käyttäjät voivat muokata sisältöä ja nähdä tuloksen välittömästi tarvitsematta tietää erityisiä syntakseja kuten HTML tai Markdown.
TadViewer
TadViewer on kätevä työpöytäsovellus CSV: n katseluun ja se toimii suurilla tiedoilla ja tiedostoilla. Sovellus on käytettävissä MacOS-, Windows- ja Linux-käyttöjärjestelmissä.
Sileä vieritys Polyfill
Sileä vieritys on osoittautunut miellyttävämmäksi käyttäjäkokemukseksi. Se on nyt ehdotettu ja laadittu virallisesti W3C: ssä. Tällä hetkellä se toimii vain Chrome, Firefox ja Opera. Käytä tätä kirjastoa jäljitellä sujuvaa vierityskäyttäytymistä Internet Explorerissa ja Safarissa.
Ei kts
JavaScript-kirjasto ilmoitusten näyttämiseen, Noty helpottaa Alartin, onnistumisen, virheen, varoituksen, tietojen tai valintaikkunan näyttämistä. Sitä voidaan käyttää yhdessä animaatiokirjaston kuten mo.js ja bounce.js kanssa tehdä ilmoitus liukumaan sisään ja ulos kauniisti.
ruutu
Hopscotch on avoimen lähdekoodin projekti, jonka LinkedIn julkaisi. Se on kehys, jonka avulla kehittäjät voivat helposti lisätä tuotteen matkoja. Tutustu live-esimerkin ja API: n demoon.
SurveyJS
SurveyJS on toinen mahtava JavaScript-kirjasto. Kuten nimi viittaa, se on tarkoituksena on luoda kyselytietoja. Se sisältää erilaisia syöttötyyppejä täyttääkseen kyselyn vastaukset ja on myös siirretty useisiin suosittuihin JavaScript-kehyksiin mukaan lukien AngularJS, VueJS ja React.
WP GraphQL
GraphQL on nousussa ja saattaa olla a vahva kilpailija korvaa REST-arkkitehtuuri joka käyttää lähes kaikkia web-sovellusliittymiä. Tämä on laajennus, jonka avulla voit hae WordPress-sisältösi GraphQL: n avulla. Tässä on hyvä viittaus siihen, miten REST ja GraphQL eroavat toisistaan.
Monaco Editor
Monaco Editor on editori valtuuttaa Visual Code Editorin. Sen on rakentanut Microsoft ja se tukee useita kieliä, kuten HTML, CSS, LESS, CoffeeScript ja PHP. Intellisense auttaa sinua kirjoittamaan koodia nopeammin.