Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2017. gada jūlijs)
Laiks lido, un mēs tagad esam 2017. gada vidū. Šī mēneša maksājumā mums ir virkne lielu JavaScript bibliotēku un daži citi, piemēram, spraudnis, lai iespējotu GraphQL programmā WordPress, darbvirsmas lietojumprogramma CSV datu pārraidīšanai un dažas tīmekļa vietnes sistēmas. Pārbaudīsim tos.
Varoņi
Kolekcija atkārtojamie raksti ar SVG varat izmantot kā fonu savā tīmekļa vietnē. Vietne ir aprīkota ar ērtu iestatījumu pielāgojiet raksta krāsu un necaurredzamību un ļauj vienkārši kopēt un ielīmēt kodu, ko pievienot savam CSS.
TestCafe
TestCafe ir end-to-end (e2e) testēšanas rīks kas ļauj pārbaudīt jūsu tīmekļa vietnes un tīmekļa lietotnes tā, it kā to lietotu reāli lietotāji. Veicot testu, tas automatizēs vairākas lietas, ieskaitot sākot pārlūkprogrammas, palaidiet noteiktu testēšanas vienību, ģenerējiet atskaites, ekrānšāviņi, kā arī sourcemap, lai viegli novērstu kļūdas.
SugarJS
SugarJS ir JavaScript bibliotēka manipulēt ar objektiem, laukumiem un datumiem ar jaukāku un lasāmāku sintaksi. Bibliotēkā ir arī dažas noderīgas funkcijas, piemēram, .escapeHTML ()
kas būs pārvērst HTML elementus savā entītijas formātā.
JAUNKUNDZE
Ērta JavaScript bibliotēka pagrieziet laiku, numuru un parasto virkni līdz milisekundēm. ms ('2 dienas')
, piemēram, tiks konvertēts uz 172800000
.
pa11y
Lieliska rīku kolekcija, kas palīdzēs uzlabot vietnes pieejamību un tīmekļa lietotnes. pa11y sastāv no CLI, lai pārbaudītu jebkuras tīmekļa lapas jebkuriem pieejamības jautājumiem, a Dashboard, lai parādītu radušos ziņojumus par kļūdām un brīdinājumiem, un CLI, kas ir īpaši izstrādāts CI rīkam, piemēram, Codeship vai Travis.
Spalvas ikonas
A ikonu kolekcija ar modernu atmosfēru. Šīs ikonas ir ideāli piemērotas tīmekļa vietnēm un lietotnēm, kas paredzētas jebkurām platformām (iOS, Windows vai Ubuntu). Ikonas tiek ievietotas SVG, kā arī reakcijas un leņķa komponenti.
Reaģēt uz lidojumu
Reaģēt modulis uz veidot animācijas kompozīciju savā pieteikumā. Bibliotēku iedvesmoja princips par skici, kurā jūs varat pievienot interaktivitāti UI komponentam ātri un viegli.
BounceJS
Bibliotēka izveidot animācijas ar lielisku efektu. Animāciju nodrošina CSS3 un vairākas iepriekš iestatītas animācijas. JavaScript bibliotēku var instalēt, izmantojot npm, bower vai vienkārši kopējiet CSS animāciju tīmekļa vietnē.
Bojler
Bojler ir e-pasta sistēma ar vadlīnijām HTML koda rakstīšanai kas pareizi rādīs populārākos e-pasta klientus. Jūs varat atrast vairāk e-pasta sistēmu mūsu iepriekšējā ziņojumā.
Devicon
Kolekcija programmēšanas valodu ikonas, projektēšanas un izstrādes rīki. Ikonas ir pieejamas SVG un fontu formātā. Daži īpaši ikonas, piemēram, Firefox, AWS un HTML5, ir arī ar detalizētiem variantiem. Diezgan atdzist labi?
Tagad UI komplekts
Kolekcija atsaucīga saskarne, kas balstīta uz Bootstrap 4. To ir 50 elementi un 3 pielāgotās veidnes. Neatkarīgi no HTML versijas UI tiek nodrošināts arī PSD un Sketch formātos.
T-Ritiniet
T-Scroll ir a JavaScript bibliotēka animācijas lietošanai ja skata logā ir redzams elements. Tā ir aprīkota ar nedaudzām iespējām un iepriekš iestatītām animācijām.
Labi redaktors
ORY ir moderns un pieejamāks tīmekļa redaktors tīmeklī. ORY redaktors ir uzbūvēta virs React un Flux. Tas atvieglo rediģēšanu, ļaujot lietotājiem rediģēt saturu un tūlīt redzēt rezultātu nezinot īpašas sintakses, piemēram, HTML vai Markdown.
TadViewer
TadViewer ir ērts darbvirsmas lietotne, lai apskatītu CSV un tas darbojas uz lieliem datiem un failiem. Programma ir pieejama MacOS, Windows un Linux.
Gluda ritināšana Polyfill
Gluda ritināšana ir izrādījusies patīkama lietotāja pieredze. Tagad tas ir ierosināts un oficiāli izstrādāts W3C. Šobrīd tā darbojas tikai pārlūkā Chrome, Firefox un Opera. Izmantojiet šo bibliotēku emulēt netraucētu ritināšanas uzvedību programmā Internet Explorer un Safari.
Paldies, nē
JavaScript bibliotēka lai parādītu paziņojumus, Noty ļauj viegli parādīt Alart, Success, Error, Warning, Information vai dialoglodziņu. To var izmantot kopā ar animācijas bibliotēku, piemēram, mo.js un bounce.js lai paziņojums būtu slīdošs un grūts.
HopScotch
Hopscotch ir atklātā pirmkoda projekts, ko publicēja LinkedIn. Tā ir sistēma, kas ļauj izstrādātājiem viegli pievienot produktu ekskursijas. Iepazīstieties ar dzīvu piemēru un API.
SurveyJS
SurveyJS ir vēl viena lieliska JavaScript bibliotēka. Kā norāda nosaukums, tas ir paredzēti, lai radītu apsekojuma datus. Tajā ir dažādi ievades veidi, lai aizpildītu aptaujas atbildes un ir pārnests arī uz vairākām populārām JavaScript sistēmām ieskaitot AngularJS, VueJS un React.
WP GraphQL
GraphQL pieaug un var būt a spēcīgs pretendents, lai aizstātu REST arhitektūru kas pilnvaro gandrīz visas tīmekļa API. Šis ir spraudnis, kas ļaus jums izgūt WordPress saturu ar GraphQL. Šeit ir lieliska atsauce uz to, kā REST un GraphQL atšķiras viena no otras.
Monako redaktors
Monako redaktors ir redaktors pilnvaras Visual Code Editor. To veido Microsoft un atbalsta vairākas valodas no kastes, ieskaitot HTML, CSS, LESS, CoffeeScript un PHP kopā ar Intellisense, kas palīdz jums ātrāk rakstīt kodu.