Uued ressursid veebidisaineritele ja arendajatele (oktoober 2018)

Erinevalt teistest tööstusharudest muutub veebiarendus hüppeliselt. On olemas uued vahendid, meetodid ja raamistikud, mis on välja töötatud peaaegu iga päev uuemad suundumused ja tehnoloogiline areng veebitööstuses.

Nii et siin on nimekiri viimastest tööriistadest ja ressurssidest, sealhulgas PHP raamistik, mida on lihtne teha E2E testimine teie PHP rakenduse jaoks, vahend W3C juurdepääsetavuse standarditele vastavate värvide loomiseks ja käputäis Vue.js laiendusi. Lähme täieliku nimekirja vaatamiseks sisse.

Keyframes App

Veebipõhine rakendus pakub kena GUI CSS animatsiooni koostamiseks ja visualiseerida animatsiooni ajajoonega. Rakendus võimaldab teil ka CSS-väljundi alla laadida, kui olete rahul. CSS-i võtmefailid ei ole kõige lihtsam spetsifikatsioon CSS-is, nii et sellise rakenduse omamine oleks kindlasti ajasäästja.

Symfony Panther

“Symfony Panther” on hämmastav PHP raamistik Symfonyst E2E (end-to-end) testi sooritamiseks. Kaasas see sisseehitatud veebiserver ja võib E2E testi teostamiseks kasutada teie arvutisse installitud Chrome'i.

Lisaks toetab see JavaScripti hukkamised, screenshot pildistamine, kohandatud seleeni draiver, Chrome ja Firefoxi klient. Olles iseseisev raamistik, võite lisada Pantheri kõikidesse PHP projektidesse, nagu näiteks WordPress, Joomla jne..

TrendyPalettes

Ilusate värvipalettide kogum. Kogumik pakub tuhandeid käsitsi valitud värvipaletid. Kasutajad saavad esitada uue värvipaleti, nii et alati on ikka veel uusi palette. TrendyPalettes on saadaval ka Chrome'i laiendina.

Eagle.js

Eagle.js on raamistik, mille abil luuakse Vue.js'i peal olevad slaidid, nii et saate slaidides hõlpsasti kasutada kohandatud Vue.js komponente. Slaid toetab ka klaviatuuri ja hiire navigeerimine, kohandatud stiil või teema, interaktiivseid vidinaid ja pakub katlakivi, mis aitab slaidi kiiresti seadistada ja esitleda. See võib olla suurepärane alternatiiv Reveal.jsile, eriti kui olete juba Vue.jsiga tuttav.

Grape.js

GrapeJS on avatud lähtekoodiga veebi ehitaja, mis võimaldab teil veebilehti lihtsalt luua komponentide lohistamine ja kukutamine. See pakub mõningaid ühiseid komponente nagu tekst, pilt, vidoe, veerud, kaart, tsitaat jne. Võite eksportida selle HTML-i ja CSS-i ning väljund on hämmastavalt puhas, erinevalt mõnedest sarnastest tööriistadest, mida ma varem proovisin. Tutvu demoga.

Vapid

Vapid on uus CMS, mis on ehitatud Node.js'iga huvitava ja ainulaadse lähenemisviisiga. Enamik CMS-e, eeldades, et soovite lisada uut tüüpi andmeid, peab esmalt määrama kohandatud sisendi juhtpaneelil / administraatori alal.

Vapidiga on see vastupidi, kui saate malli määrata, ja Vapid genereerib automaatselt sisendi armatuurlaual / administraatori piirkonnas. See on saadaval NPM-paketina.

WP CLI teatis

Nimi ütleb kõik. See on kohandatud WP-CLI pakett OS-i teadete kuvamiseks, kui WP-CLI on juba käivitatud. Üsna väljamõeldud.

CSSGr.id

Veebipõhine rakendus CSS Grid koostamiseks. Saate konfigureerida üksuste, veergude, vahe iga elemendi, samuti iga elemendi vahel ja luua seejärel HTML- ja CSS-kood. CSS Grid on üks nendest CSS spetsifikatsioonidest, mida pole päris lihtne mõista. Kuid see tööriist muudab sellega palju lihtsamaks.

Kerige vihje

ScrollHint on JavaScripti teek, mis võimaldab teil luua elementi ülalt, et näidata, et teie veebilehe osa on keritav. See on eriti kasulik, kui teie veebisaidil on horisontaalne kerimiselement, kuna enamik inimesi ei liigu veebi tarbimisel loomulikult vasakule paremale (või vastupidi)..

PristineJS

JavaScript-raamatukogu, et lisada sisendile valideerimine. HTML5-ga on juba kaasas teatud tüübikinnitus “type = email”, ja “tüüp = number” näiteks. Aga kui vajate a kohandatud valideerija, mida HTML5-s pole rakendatud, see JavaScript-raamatukogu on mugav.

ValikJS

Enamik inimesi arvatavasti juba tuttavad, kuidas valida oma arvutis mitu kausta või faili; nad hoiavad tavaliselt hiirekliki ja lohistavad seda nende failide või kaustade ümber, mida nad soovivad valida. Kui soovite oma veebisaidil sama UX-i rakendada, on SelectionJS kasulik.

Webdash

Webdash on vahend, mida saab kuvage oma projekt GUI liidesesse. See ühendub läbi package.json faili arvutis. Nii saab see kuvada NPM-paketid, värskendage paketti, registreeritud skripte, käivitage skript, ja README-failide eelvaateid otse Webdashist. Päris võimas!

CanJS

JavaScript raamistik veebiliidese loomiseks. See on sarnane React.js'iga, millel on mõned lisafunktsioonid ja kaasas ruuter, DOM-utiliidid ja AJAX-funktsioon otse karbist välja. Sellel on ka üsna aktiivne kogukonna toetus, mis pakub mõningaid laiendusi.

CheerioJS

JavaScripti raamatukogu, mis rakendab DOMi (Document Object Model) jQuery Core spetsifikatsiooni ja on mõeldud kasutamiseks serveri poolel. Kui sa oled töötades koos Node.js'iga ja nautides ka jQuery süntaksit meeldib addClass (), atr (), ja leidke (), see on otsitav JavaScript.

Colorbox

Colorbox on Lyfti algatus värvi koostise loomiseks, mis vastab värvi Accesiblity standardile. Tööriist on varustatud nutika algoritmiga, mis võimaldab teil lihtsalt liikuge nupu ümber, muutke konfiguratsiooni, ja see loob teile sobivad värvid. See on lihtsalt hämmastav.

PHP-s 7.4 kirjutatud atribuudid

PHP7.3 on just nurga taga, nagu me eelmises osas mainitud oleme. Kuid PHP7.4 on juba plaanis. Üks plaane on kirjutatud kinnisvara. See tähendab, et saate peagi kirjutage midagi avalik int $ id; oma PHP klassi. See on suur muutus, mis võib oluliselt aidata vähendada teie PHP rakenduste vigu.

Šabloon

JavaScripti kompilaator, mis muudab veebikomponentide loomise viimaste standarditega lihtsaks. Lisaks sellele lisab StencilJS ka kaasaegse veebiarenduse lähenemisviisi JSXi tugi, reaktiivsus, ruuter ja riigihaldus plugina kasutamine.

Vue Infinite Loading

Vue laiendus, et luua lõpmatu sirvimisleht. See on mobiilsõbralik ja ühildub mis tahes keritava elemendiga. Samuti toetab see kahte sirvimissuunda ja kõige parem, see säästab palju aega.

V Lõikelaud

Kohandatud Vue.js laiendus, mis teeb selle nii lihtne luua “Kopeeri” nuppu. Võite lihtsalt lisada a v-lõikepuhver atribuut nupule ja olete kõik seadistatud. See laiendus Vue.js töötab nii kaasaegsele brauserile kui ka IE11-le.

Vue Select

Vue.js komponent, mis pakub sarnast funktsiooni Select2. See on mõeldud Vue.js-ile, mida see võimaldab ühilduv Vuex, Custom Templating, ja hulk teisi Vue.js headust.