Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2018. gada jūlijs)

Jūlijs ir mēnesis, kas dod vasaras augstumu, un šī mēneša svaigu resursu partijai, mums ir daži karsti jauni rīki no dažiem labi izveidotiem un iesācējiem..

Sarakstā ir diezgan interesants rīku klāsts, sākot no skices bibliotēkas ar WordPress kopienu, kas ļaus jums izveidot WordPress interfeisa prototipu, nedaudz rīki, kas paplašina React.js un Vue.js, un pāris atsauces, lai izlīdzinātu savas attīstības prasmes. Pārbaudīsim tos.

WPRIG

All-in-one starteris WordPress tēma, ko izveidojis Morten Rand-Hendriksenand, ir aprīkots ar veidot iepriekš iestatītu procesu, izmantojot modernus rīkus piemēram, Gulp, Babel, ESLint un Visual Studio Code integrācija. Tas palīdzēs jums izveidot lielu WP tēmu bez apgrūtinājumiem konfigurēt apkārtējos attīstības rīkus.

VueNative

Sistēma, kuras pamatā ir Vue.js, lai izveidotu platformas mobilo lietojumprogrammu, kas ļauj rakstīt kodu ar Vue.js specifikāciju. Rīks būs sastādiet to React Native un dariet jums burvju darbu aiz skatuves ar vue-native CLI. Ja jau esat iepazinies ar Vue.js, tas varētu būt a piemērotu sistēmu mobilās aplikācijas izveidei.

SketchPress

10up ļaudis ir tikko atbrīvojuši SketchPress, kas ir a Skices veidne, lai ātri izveidotu WordPress admin interfeisa maketus un dizainus. Tas ir pildīts ar kopēju admin UI, piemēram, Primārā poga, Izvēlņu josla, Dashicons, Metabox uc SketchPress ir lielisks līdzeklis WordPress izstrādātājiem, lai saskaņotu spraudņa un tēmas iestatījumus vai opcijas lapu ar WordPress admin UI.

Docz

Docz ir a dokumentācijas ģenerators, kas balstīts uz MDX kas bija redzams šīs sērijas pēdējā kārtā. Šis rīks ļaus importēt un iekļaut JSX pielāgoto komponentu maisījumā ar Markdown sintaksi, tāpat kā rakstot JSX dokumentu.

Animista

CSS animācija rada dzīvi internetā. Tomēr ne vienmēr ir viegli sastādīt CSS animāciju, ņemot vērā pārlūkprogrammas prefiksu savietojamību, parametrus un animācijas grafiku. Animasta padara šo stuff vieglāku, ģenerējot kodu. Jūs varat konfigurēt animāciju lietotājam draudzīgā saskarnē, no kuras varat vienkārši kopēt kodu.

GridToFlex

Pāris piemērs kopējam tīmekļa izkārtojumam, kas izveidots, izmantojot vietējo CSS režģi, un izmantojiet Flexbox kā rezerves pārlūkprogrammai, kas to vēl neatbalsta. Pārbaudiet mūsu amatu: Ievads CSS Grid Layout Module.

RatioBuddy

Jauks līdzeklis ģenerēt lodziņu ar CSS ar noteiktu attiecību, piemēram, 1: 1, 3: 4, uc Rīks ģenerēs kodu SCSS formātā, lai kopētu.

Kā GraphQL

GraphQL ir alternatīva REST datu struktūrai un kā GraphQL ir a visaptverošs resurss, lai to apgūtu. Tas ir daudz efektīvāks nekā REST, jo tas tikai velk pieprasītos datus, samazinot slodzes un datu pārraides apjomu.

Paraugu vēsture

Vienkāršs WordPress spraudnis, lai parādītu WordPress informācijas panelī veikto darbību vēsturi. Tā atbalsta WordPress vietējo darbību, piemēram, kad lietotājs rada ziņas un lapas, piesakās, aktivizē vai deaktivizē citus spraudņus. Tas var arī izsekot citu spraudņu darbību ieskaitot uzlabotus pielāgotus laukus (ACF) un lietotāja pārslēgšanu. Tas ir lielisks spraudnis, lai sekotu jūsu vietņu iekšējai darbībai.

Transfer.sh

tas ir ērts lietderība, lai koplietotu failus, izmantojot Shell komandu. Jebkura veida failus var augšupielādēt līdz pat 10 Gb. Tā atbalsta arī failu šifrēšanu. Un vai es pieminēju, ka tas ir pilnīgi bez maksas?

FB Sonar

Rīks, kā atkļūdot mobilās lietotnes iOS un Android. Programma ir aprīkota ar dažiem rīkiem a ērta atkļūdošanas pieredze piemēram, žurnāla skatītājs, interaktīvā izkārtojuma inspektors un tīkla inspektors. Ja tas nav pietiekami, varat izveidot spraudni, lai paplašinātu lietotni ar vajadzīgo funkcionalitāti.

JSUI

Šī lietotne ir komplektēta ar virkni rīku, lai nodrošinātu labāku veidu, kā organizēt savus projektus. Jūs varat izveidojiet grupu, izveidojiet jaunu projektu, izmantojot dažus populārus projektus piemēram, React, Vue un Angular, instalējiet projekta atkarību, palaidiet Node.js serveri un vēl daudz vairāk. Lieliska programma tiem, kas pārvalda duci projektu.

BrainMonkey

PHP vienības testēšanas lietderība, kas izstrādāta ar dažiem WordPress rīkiem. Tas nodrošina rīkus, kas ļauj izspēles PHP funkcijas. Tā arī nodrošina instrumentu komplektu no kastes, lai risinātu dažas WordPress funkcijas, piemēram pievienot sekvenci noņemt nosaukt dažus, kas parasti ir viltīgs testēt.

Fraktāls

Fractal ir izstrādāts kā centrālais dokumentācijas rīks, kas ļauj izstrādātājiem izstrādāt informāciju par to, kad ir nepieciešams integrēt komponentu projektā. Tas ļauj jums integrēt koda fragmentu, apskatot priekšskatījumus, dokumentāciju, piezīmes, utt.).

Ant Design Pro

“AntDesign” ir viens no populārākajiem UI ietvariem, kas balstās uz React.js, un tas ir tā “Pro” versija lietojumprogrammai. Tajā ir vairākas papildu sastāvdaļas, kas nav kopējās AntDesign paketes, piemēram, AvatarList, HeaderSearch un TagSelect.

Sistēmai ir arī iebūvēti izstrādes rīki, piemēram, Build rīks, Test Suite un Deployment lai jūs varētu strādāt ar savu kodu uzreiz, nevis izšķērdēt laiku darbplūsmas konfigurācijā.

LuminJS

Super tiny JavaScript bibliotēka, lai izceltu tekstu jūsu vietnē. Tas darbojas nevainojami ar sarežģītu DOM struktūru un ir programmējams, lai jūs varētu iestatīt ātrumu, stilu un animāciju.

Pieprasa

Ērts NPM pakete, lai izveidotu interaktīvu CLI, izmantojot Node.js. Tā atbalsta pamata ātrās, vairākas izvēles, dinamisku ātru un daudzu veidu ievadi, piemēram, paroli, tekstu, numuru un e-pastu utt.

Uztvere

Atdzist WordPress spraudnis, kas būtu uzlabot WordPress Media Library meklēšanu klasificējot attēlus, izmantojot Google Cloud Vision API. Piemēram, ja esat augšupielādējis a “putns” attēlu, varat meklēt attēlu, izmantojot atslēgvārdu “putns” vai atslēgvārds ir iekļauts attēla nosaukumā, faila nosaukumā vai metadatos.

DevTube

Kolekcija video no vairākiem attīstītāju konferencēm no Youtube piemēram, JSConf, Google TechTalk un O'Reilly. Tagad iegūstiet savu popkornu un paaugstiniet savas Dev prasmes.

Reaģējiet

Pieaug reaktīvā plānošana; jauna paradigma programmēšanā, īpaši ap tīmekli, kur datu plūsma ir pārpilnība un nepārtraukti plūst katru milisekundi. Šis resurss ir Cèdric Soulas iniciatīva iemācīt jums principus reaktīvs programmēšana.