Tuoreet resurssit web-suunnittelijoille ja kehittäjille (lokakuu 2018)
Toisin kuin muilla teollisuudenaloilla, web-kehitys muuttuu harppauksin. On olemassa uusia työkaluja, menetelmiä ja kehyksiä, jotka on kehitetty lähes joka päivä, jotta niitä voidaan hyödyntää uudempia suuntauksia ja teknologista kehitystä web-alalla.
Joten tässä on luettelo uusimmista työkaluista ja resursseista, kuten PHP-kehys, joka on helppo suorittaa PHP-sovelluksen E2E-testaus, työkalu W3C-esteettömyysstandardien mukaisten värien tuottamiseen ja kourallinen Vue.js-laajennuksia. Hyppäämme nähdäksesi täydellisen luettelon.
Keyframes App
Verkkopohjainen sovellus tarjoaa mukavan GUI: n CSS-animaation luomiseksi ja visualisoi animaatio aikajanalla. Sovelluksen avulla voit myös ladata CSS-lähdön, kun olet tyytyväinen. CSS-avainkehykset eivät ole helpoin spec CSS: ssä, joten tämän kaltaisen sovelluksen käyttäminen olisi varmasti aika-ajastin.
Symfony Panther
“Symfony Panther” on hämmästyttävä PHP-kehys Symfonysta suorittamaan E2E (End-to-end) -testi. Sen mukana tulee sisäänrakennettu web-palvelin ja voisivat hyödyntää tietokoneeseen asennettua Chromea suorittamaan E2E-testin.
Lisäksi se tukee JavaScript-teloitukset, kuvakaappaus, mukautettu seleeni-ohjain, Chrome ja Firefox-asiakas. Koska olet itsenäinen kehys, voit sisällyttää Pantherin mihin tahansa PHP-projektiin, kuten esimerkiksi WordPress, Joomla jne..
TrendyPalettes
Kokoelma kauniita väripaletteja. Kokoelma tarjoaa tuhansia käsin poimittuja väripaletteja. Käyttäjät voivat lähettää uuden väripaletin, joten on aina olemassa uusia paletteja, jotka on lisätty koskaan. TrendyPalettes on saatavana myös Chrome-laajennuksena.
Eagle.js
Eagle.js on kehys, jonka avulla voit luoda Vue.js: n päälle rakennettuja dioja, jotta voit helposti käyttää mukautettuja Vue.js-komponentteja dioissa. Dia tukee myös näppäimistön ja hiiren navigointi, mukautettu muotoilu tai teemat, vuorovaikutteiset widgetit, ja se tarjoaa kattilan, joka auttaa luomaan ja esittämään diaa nopeasti. Se voi olla suuri vaihtoehto Reveal.js: lle, varsinkin jos olet jo perehtynyt Vue.jsiin.
Grape.js
GrapeJS on avoimen lähdekoodin web-rakentaja, jonka avulla voit rakentaa verkkosivuja yksinkertaisesti komponenttien vetäminen ja pudottaminen. Se tarjoaa joitakin yhteisiä komponentteja, kuten teksti, kuva, Vidoe, sarakkeet, kartta, lainaus jne. Voit viedä sen HTML: ään ja CSS: ään, ja tuotos on hämmästyttävän siisti, toisin kuin jotkin aikaisemmin kokeillut työkalut. Tutustu demoon.
Mitäänsanomaton
Vapid on uusi CMS, joka on rakennettu Node.js: n kanssa mielenkiintoisella ja ainutlaatuisella lähestymistavalla. Useimmat CMS-järjestelmät edellyttävät, että haluat sisällyttää uuden tyyppisen datan, määrittelemään ensin mukautetun tulon kojelautaan / ylläpitäjän alueelle.
Vapidin avulla se on päinvastainen, koska voit määrittää mallin, ja Vapid luo automaattisesti tulon kojelautaan / ylläpitäjälle. Se on saatavana NPM-pakettina.
WP CLI -ilmoitus
Nimi kertoo kaiken. Se on mukautettu WP-CLI-paketti OS-ilmoitusten näyttämiseen, kun WP-CLI on jo suoritettu. Melko fancy.
CSSGr.id
Verkkopohjainen sovellus CSS-ruudukon muodostamiseksi. Voit määrittää kohteiden lukumäärän, sarakkeet, kuilun kunkin kohteen ja kunkin kohteen välillä ja luoda sitten HTML- ja CSS-koodin. CSS Grid on yksi niistä CSS-eritelmistä, joita ei ole helppo ymmärtää. Mutta tämä työkalu helpottaa sen käsittelemistä.
Vieritä vihje
ScrollHint on JavaScript-kirjasto, jonka avulla voit luoda elementin yläpuolelle osoittamaan, että verkkosivusi osa on vieritettävissä. Tämä on erityisen hyödyllistä, jos verkkosivullasi on vaakasuuntainen vierityselementti, koska useimmat ihmiset eivät luonnollisesti selaa vasemmalle oikealle (tai päinvastoin), kun webiä käytetään.
PristineJS
JavaScript-kirjasto lisää validointia syötteeseen. HTML5: ssä on jo tyyppinen validointi jo “type = email”, ja “type = numero” esimerkiksi. Mutta jos tarvitset a mukautettu validointi, jota ei ole otettu käyttöön HTML5: ssä, tämä JavaScript-kirjasto on kätevä.
SelectionJS
Useimmat ihmiset todennäköisesti tuntevat jo useiden kansioiden tai tiedostojen valitsemisen tietokoneestaan; he pitävät tavallisesti hiiren napsautuksellaan ja vetävät sitä niiden tiedostojen tai kansioiden ympärille, jotka he haluaisivat valita. Jos haluat käyttää samaa UX: ää sivustossasi, SelectionJS on kätevä.
Webdash
Webdash on työkalu, joka voi näyttää projektisi GUI-käyttöliittymään. Se muodostaa yhteyden package.json tiedosto tietokoneessa. Niinpä se voi näyttää luettelon NPM-paketit, päivitä paketti, rekisteröidyt komentosarjat, suorita komentosarja, ja esikatsella README-tiedostoja suoraan Webdashistä. Melko mahtava!
CanJS
JavaScript-kehys web-käyttöliittymän rakentamiseen. Se on samanlainen kuin React.js, jossa on joitakin lisäominaisuuksia ja mukana toimitetaan reititin, DOM-apuohjelmat ja AJAX-toiminnot suoraan laatikosta. Siinä on myös varsin aktiivinen yhteisön tuki, jossa on joitakin laajennuksia.
CheerioJS
JavaScript-kirjasto, joka toteuttaa DQ: n (Document Object Model) jQuery Core -määrityksen ja joka on suunniteltu käytettäväksi palvelinpuolella. Jos olet työskentelemällä Node.js: n kanssa samalla kun nautit jQuery-syntaksista Kuten addClass (), attr (), ja löytö(), tämä on etsimäsi JavaScript.
Värityslaatikko
Colorbox on Lyft-aloite, joka tuottaa värin koostumuksen, joka täyttää Color Accesiblity -standardin. Työkalulla on älykäs algoritmi, jonka avulla voit yksinkertaisesti liikuta nuppia, muuta kokoonpanoa, ja se tuottaa sinulle sopivat värit. Se on vain hämmästyttävää.
Kirjoitetut ominaisuudet PHP 7.4: ssä
PHP7.3 on aivan nurkan takana, kuten olemme maininneet edellisessä erässä. Mutta PHP7.4 on jo suunnitelmassa. Yksi suunnitelmista on kirjoitettu ominaisuus. Tämä tarkoittaa, että pystyt pian kirjoita jotain julkinen int $ id; PHP-luokassa. Se on valtava muutos, joka voi merkittävästi vähentää PHP-sovellusvirheitäsi.
Sapluuna
JavaScript-kääntäjä, jonka avulla on helppo luoda Web-komponentteja uusimmalla standardilla. Sen lisäksi StencilJS lisää myös moderneja web-kehityksen lähestymistapoja JSX-tuki, reaktiivisuus, reititin ja valtionhallinta käyttämällä laajennusta.
Vue Infinite Loading
Vue-laajennus, joka luo äärettömän vierityssivun. Se on mobiiliystävällinen ja yhteensopiva minkä tahansa vieritettävän elementin kanssa. Se tukee myös kahta vierityssuuntaa, ja mikä parasta, se säästää paljon aikaa.
V Leikepöytä
Mukautettu Vue.js-laajennus helppo luoda “Kopio” nappi. Voit yksinkertaisesti lisätä a V-leikepöydälle määrite painikkeelle ja olet kaikki asetettu. Tämä Vue.js-laajennus toimii jokaiselle nykyaikaiselle selaimelle sekä IE11: lle ja uusimmalle.
Vue Valitse
Vue.js-komponentti, joka tarjoaa samanlaisen toiminnon kuin Select2. Se on suunniteltu Vue.js: lle, että se sallii olla yhteensopiva Vuexin, mukautetun mallin kanssa, ja joukko muita Vue.js-hyvyyttä.
