Mājas lapa » Web dizains » Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2018. gada februāris)

    Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2018. gada februāris)

    Tā kā vairākus gadus šis sektors ir aptverts, es esmu pieredzējis, ka rīki nāk un iet. A daži jauni rīki tiek izlaisti gandrīz katru nedēļu. Tomēr dažu pēdējo nedēļu laikā es domāju, ka tas nedaudz palēninās, man bija vajadzīgs nedaudz ilgāks laiks nekā parasti lai atrastu jaunus instrumentus, izrakt līdz Github un citiem avotiem kas ir bezmaksas, atvērtā koda un ir vērts pieminēt šo sēriju.

    Šodienas amatā man ir rīku kombinācija no JavaScript sistēmas, testēšanas rīki un daži, lai izstrādātu WordPress vietnes. Pārbaudīsim tos.

    Kutt

    An programma, kas saīsina URL ar savu domēna nosaukumu. Tas ir uzbūvēts uz top moderniem skursteņiem, piemēram, Node.js, React un Redux ar nedaudzām funkcijas, kas ir iebūvētas, ieskaitot paroli aizsargātu URL, RESTful API, un iedomājieties detalizētus statistikas datus, lai uzraudzītu jūsu URL. Vislabāk ir tas, ka tas ir bezmaksas, un jūs varat to izvietot savā serverī.

    WordHat

    WordHat ir a instruments, lai integrētu Behat uz WordPress. Behat ir atvērtā koda uzvedības balstīta attīstības (BDD) sistēma PHP, kur jūs varat pārbaudīt PHP lietojumprogrammu izteiksmīgākā veidā.

    Jūs atradīsiet šo rīku ļoti noderīgi, jo jūsu WordPress tēma un spraudnis kļūst sarežģītāki ar funkcijām; WordHat un Behat nodrošinās, ka jūsu tēma vai spraudnis rīkosies kā paredzēts kad lietotājs mijiedarbojas ar to.

    WP pārlūks

    Līdzīgi kā WordHat, WP-Browser ir Codeception paplašināšana īpaši paredzētas WordPress lietojumprogrammām, tēmām un spraudņiem. Kodekss ir rīks, ar ko izpildīt testēšana jūsu pieteikumā, līdzīgi PHPUnit un Behat, bet tas ir komplektā ar vairāk. Tajā jūs varat darīt Pārlūka pārbaude, BDD, vienību integrācijas testēšana un API testēšana.

    Mezglu WP internacionalizācija

    Nosaukums runā pats par sevi. Tas ir NodeJS modulis, lai automatizētu daudzas tēmas vai spraudņu internacionalizāciju. Instalējiet moduli un veidu wpi18n makepot lai ģenerētu POT failu no tulkojamā teksta jūsu WordPress spraudnēs vai tēmās.

    Paldies

    Vēl viens NodeJS modulis, kas nesen izceļas uz Github. “Paldies” gribu izveidot atvērtā pirmkoda projektā izmantoto iepakojumu uzturētāju sarakstu un saistīt to ar ziedojumu vai OpenCollective lapu kā zīmi par viņu ieguldījumu sabiedrībā.

    Izveidojiet Guten Block

    Gutenberga ir dzirdama un tiks piegādāta ar WordPress 5.0. Tas ir NPM modulis, lai ģenerētu Gutenberga bloku izstrādes katlu ar modernu kaudzīti, piemēram, React, Webpack, Babel un Sass. Vienkārši palaidiet komandrindu ,izveidot-guten-block, un jūs visi esat iestatījuši.

    WP Vue

    WP Vue ir a veidota ar Vue, lai parādītu WordPress ziņojumus. Šī veidne ir lielisks sākumpunkts, ja vēlaties izveidot savu WordPress vietni bez galvas. Skatiet, kā tas darbojas demo lapā. Mainiet WP-API URL gala punkta URL no jebkuras WordPress vietnes; tas automātiski atjaunos ziņas ar jaunajiem parametriem URL.

    Stimuls

    A jaunu JavaScript sistēmu no Basecamp. Atšķirībā no React vai Vue, tas neliek jums uzrakstīt visu pieteikumu ar JavaScript vai pievienot sintētiskās atribūtus.

    StimulusJS strādā vienkāršā HTML, kas mums jau bija zināms datus- atribūti. Tas arī neprasa sarežģītu veidošanas konfigurāciju. Jūs varat vienkārši pievienojiet skriptu tīmekļa lapā tāpat kā jūs ar jQuery un tas ir viss - sāciet rakstīt skriptu, lai jūsu pieteikums būtu dzīvs.

    Manta

    A bezmaksas programma, lai izveidotu un pārvaldītu rēķinus. Varat pievienot piezīmi, iestatīt valūtu, piemērot atlaidi, pievienot klientu vai klientu sarakstu, pievienojiet savu logo, veidojiet rēķina veidni un lejupielādējiet to PDF formātā. Tas ir pieejams MacOS, Windows un Linux. Ja esat brīvmākslinieks, tas varētu būt rēķins, kuru jūs meklējat, lai palaistu savu ārštata uzņēmumu.

    Reaģējiet uz statisko

    Kā norāda nosaukums, tas ir rīks, kas ļauj jums ģenerēt statisku vietu, izmantojot React. Tas nāk komplektā ar visiem iepriekš konfigurētajiem rīkiem, lai jūs varētu sākt darbu, lai izveidotu tīmekļa saturu. Un tā ir statiska vietne izvietot vietni pat kopīgā mitināšanā ar maziem resursiem.

    Piklists

    Piklists ir attīstības WordPress ļauj izveidot sarežģītu vietnes iestatīšanu ar WordPress ar mazāku kodu. Tas nāk ar komplektu palīgfunkciju un āķi, lai paplašinātu gandrīz visas WordPress daļas, piemēram, iestatījumu lapu, pielāgotie lauki, admin paziņojumi, īss kods, logrīki, taksonomijas, lietotāji, un daudz vairāk.

    Strapi

    A saturs agnositic CMS sistēma, lai izveidotu satura API. Tas ļauj jums izveidot savu satura struktūru un API, kā arī nodrošina skaistu Admin paneli, lai tos pārvaldītu. Tomēr tā nesniedz iebūvētu veidņu sistēmu. Tā piedāvā jums izvēlēties jebkuru priekšroku bibliotēku piemēram, React vai Vue.

    ParcelJS

    ParcelJS ir a bundler daudz, piemēram, Webpack un Browserify, izņemot to, ka tas ir ātrāks un prasa nulles konfigurāciju. Tā atbalsta kopīgu izstrādes paketi HTML, JS, CSS un transformatoriem piemēram, PostCSS un Babel out-of-the-xbox. Tātad, jūs varat tikai koncentrēties uz savu kodu, nevis izšķērdēt laiku konfigurācijai.

    GoodShare

    JavaScript bibliotēka rādīt Social Media pogu ar dažu sociālo mediju daļu skaitu. Tā atbalsta daudzus sociālos medijus, tostarp tos, kurus jūs nekad neesat dzirdējuši, piemēram, Vkontakte, Odnoklassniki, SurfingBird, kā arī dažas messenging platformas, piemēram, Skype, WhatsApp un LINE. GoodShare ir pieejams arī kā Vue komponents.

    CopyChar

    Tīmekļa vietne, kas ļauj jums atrast un kopēt īpašas rakstzīmes savā starpliktuvē. Burti, pieturzīmes, matemātika, bultiņas un emocijas ir dažas no vietnes rakstzīmēm. Vienkārši noklikšķiniet uz vai pieskarieties rakstzīmei, lai kopētu rakstzīmi starpliktuvē.

    Nerv

    Nervs ir vēl viens reaktīvā VirtualDOM bibliotēka; alternatīvu ReactJS. Tā rada pazīstamu reakcijas sintaksi JSX, bet ar nelielām atšķirībām. Nerv atbalsta Internet Explorer 8! un tā ir tikai viena trešdaļa no React izmēra. Tomēr, Nerv ir saderīgs ar React add-ons notikumiem, kas ir vissarežģītākie.

    HyperappJS

    Vēl viena JavaScript bibliotēka, kas ir vērts apskatīt, lai izveidotu tīmekļa lietojumprogrammu. Tā apvieno valsts pārvaldību ar Virtual DOM dzinēju kas atbalsta atslēgu atjauninājumus un dzīves cikla notikumus, kuriem nav atkarību.

    VulcanJS

    Vulcan ir a rīku kaudze, lai izveidotu modernu tīmekļa lietojumprogrammu. Tas ir komplektā ar React, GraphQL un Meteor, kas ir iepriekš konfigurēti. Tā kā tā ir pilna kaudze, kas nodrošina plašu palīgu komponentu klāstu precīzi noregulēts uz back-end un front-end, viss ir tikai darbs ārpus kastes. Tādējādi jūs varat saņemt lietotni ātri un ātri.

    Koa11y

    Darbvirsmas lietojumprogramma Windows, macOS un Linux, lai pārbaudītu pieejamības jautājumus tīmekļa vietnē. Koa11y sniegs paziņojumus un brīdinājumus par to, vai jūsu vietne pārkāpj pieejamības standartus.

    Tam vajadzētu būt instrumentam katrā tīmekļa izstrādātāju rīklodziņā. Mēģiniet navigēt tīmekļa vietnēs, izmantojot tikai tastatūru, lai saprastu, cik svarīga ir pieejamība.

    TablePlus

    Tiešām jauka izskata GUI lietojumprogramma datu bāzes pārvaldīšanai. TablePlus atbalsta plašu datu bāzes dzinēju klāstu, tostarp (protams) MySQL, SQLite, Redis, Postgres, MS SQL un daudz ko citu. TablePlus ir pieejams MacOS un Windows.