Svježi resursi za web-dizajnere i razvojne programere (listopad 2018.)

Za razliku od bilo koje druge industrije web razvoj se mijenja po skokovi i granice. Postoje novi alati, metode i okviri razvijeni gotovo svaki dan kako bi se zadovoljili noviji trendovi i tehnološki napredak u web industriji.

Dakle, ovdje je popis najnovijih alata i resursa uključujući PHP okvir za jednostavno izvođenje E2E testiranje za vašu PHP aplikaciju, alat za generiranje boja koje su u skladu s W3C standardima pristupačnosti, te pregršt Vue.js ekstenzija. Idemo vidjeti cijeli popis.

Ključni kadrovi App

Web-bazirana aplikacija pruža lijep GUI za sastavljanje CSS animacije i vizualizirati animaciju s vremenskom crtom. Aplikacija vam također omogućuje preuzimanje CSS izlaza kada ste zadovoljni. CSS ključni okviri nisu najjednostavnija specifikacija u CSS-u, tako da bi aplikacija poput ove definitivno mogla biti vremenski ograničenje.

Symfony Panther

“Symfony Panther” je nevjerojatna PHP okvir iz Symfony za obavljanje E2E (End-to-end) test. Dolazi sa svojim ugrađeni web poslužitelj i mogao bi iskoristiti Chrome instaliran na vašem računalu za izvođenje E2E testa.

Štoviše, podržava JavaScript izvršenja, snimanje zaslona, ​​prilagođeni Selenium upravljački program, Chrome i klijent Firefox. Budući da je samostalni okvir, možete uključiti Panther u bilo koji PHP projekt kao što je, na primjer, WordPress, Joomla, itd..

TrendyPalettes

Zbirka prekrasnih paleta boja. Zbirka nudi tisuće ručno odabrane palete boja. Korisnici mogu poslati novu paletu boja, tako da se uvijek mogu dodati nove palete. TrendyPalettes dostupan je i kao proširenje za Chrome.

Eagle.js

Eagle.js je okvir za stvaranje slajdova izgrađenih na vrhu Vue.js tako da možete jednostavno ponovno koristiti prilagođene Vue.js komponente u slajdovima. Slajd također podržava navigacija pomoću tipkovnice i miša, prilagođeni stil ili teming, interaktivnim widgetima, a nudi i predložak za brzo postavljanje slajdova. To može biti sjajno alternativa Reveal.js, pogotovo ako već poznajete Vue.js.

Grape.js

GrapeJS je web-graditelj otvorenog koda koji vam omogućuje da jednostavno napravite web-stranice povlačenje i ispuštanje komponenti. Ona pruža neke uobičajene komponente kao što su tekst, slike, Vidoe, stupci, mapa, citat, itd. Možete ga izvesti u HTML i CSS, a izlaz je nevjerojatno uredan, za razliku od nekih sličnih alata koje sam pokušao prije. Pogledajte demo.

Bljutav

Vapid je novi CMS izgrađen s Node.js s zanimljivim i jedinstvenim pristupom. Većina CMS-a, pod pretpostavkom da želite dodati novu vrstu podataka, zahtijevat će prvo definiranje prilagođenog unosa na području nadzorne ploče / administratora.

S Vapidom, to je suprotno, kao što možete definirati predložak, a Vapid će automatski generirati ulaz u području nadzorne ploče / administratora. Dostupan je kao NPM paket.

WP CLI Obavijest

Ime sve govori. To je prilagođeni WP-CLI paket koji prikazuje OS obavijesti kada je WP-CLI već završen. Prilično fancy.

CSSGr.id

Web-based aplikacija za sastavljanje CSS Grid. Možete konfigurirati broj stavki, stupaca, jaz između svake stavke, kao i svaki raspon stavke, a zatim generirati HTML i CSS kod. CSS Grid je jedna od onih CSS specifikacija koje nije lako razumjeti. Ali ovaj alat čini ga mnogo lakšim za rješavanje problema.

Pomaknite se

ScrollHint je JavaScript biblioteka koja vam omogućuje da stvorite element iznad vrha kako biste pokazali da se odjeljak na vašoj web stranici može pomicati. To je osobito korisno ako imate horizontalni element za pomicanje na svojoj web-stranici jer većina ljudi prirodno se ne pomiče lijevo-desno (ili obrnuto) kada konzumira web.

PristineJS

JavaScript biblioteka za dodavanje provjere valjanosti unosu. HTML5 već dolazi s provjerom vrste s oznakom “type = e”, i “= broj vrsta” na primjer. Ali ako trebate prilagođeni validator koji nije implementiran u HTML5, ova JavaScript knjižnica će vam dobro doći.

SelectionJS

Većina ljudi vjerojatno već poznaje kako odabrati više mapa ili datoteka na računalu; obično drže miša i povlače ga oko datoteka ili mapa koje bi željeli odabrati. Ako želite primijeniti isti UX na svojoj web stranici, SelectionJS će vam dobro doći.

Webdash

Webdash je alat koji može prikazati vaš projekt u GUI sučelju. Povezuje se putem package.json na računalu. Tako može prikazati popis NPM paketi, ažurirajte paket, registrirane skripte, pokrenite skriptu, i pregledavanje README datoteka izravno s Webdash-a. Prilično strašno!

CanJS

JavaScript okvir za izradu web sučelja. To je slično React.js s nekim dodatnim značajkama i dolazi s usmjerivač, DOM Utilities i AJAX funkcioniraju izravno iz kutije. Također ima prilično aktivnu podršku zajednice koja pruža neka proširenja.

CheerioJS

JavaScript biblioteka koja implementira jQuery Core specifikaciju za DOM (Document Object Model) i dizajnirana je za korištenje na strani poslužitelja. Ako si dok radite s Node.js i uživajte u JQuery sintaksi Kao addClass (), attr (), i pronaći(), ovo je JavaScript koji tražite.

Colorbox

Colorbox je Lyft inicijativa za stvaranje kompozicije boja koja odgovara standardu Accessiblity u boji. Alat se napaja pametnim algoritmom koji vam omogućuje jednostavno pomičite se oko gumba, promijenite konfiguraciju, i stvorit će odgovarajuće boje za vas. To je jednostavno nevjerojatno.

Unesena svojstva u PHP-u 7.4

PHP7.3 je iza ugla, kao što smo spomenuli u prethodnom dijelu. Ali PHP7.4 je već na planu. Jedan od planova je Typed Property. To znači da ćete uskoro moći napisati nešto slično javni int $ id; u PHP klasi. To je ogromna promjena koja bi mogla znatno pomoći u smanjenju bugova u PHP aplikaciji.

matrica

JavaScript prevodilac koji olakšava stvaranje web-komponenti s najnovijim standardom. Povrh toga, StencilJS također dodaje neke moderne web razvoj pristup u mix, uključujući JSX podrška, reaktivnost, usmjerivač i upravljanje državama pomoću dodatka.

Vue Infinite Loading

Vue ekstenzija za izradu beskonačne stranice za pomicanje. To je mobilno i kompatibilan s bilo kojim elementom koji se može pomicati. Također podržava dva smjera pomicanja, i najbolje od svega, štedi mnogo vremena.

V Međuspremnik

Prilagođeno proširenje Vue.js koje ga čini tako lako stvoriti “Kopirati” dugme. Jednostavno možete dodati v-međuspremnik atribut na gumb i svi ste spremni. Ovo proširenje Vue.js radi za svaki moderni preglednik, kao i za IE11 i najnovije.

Vue Select

Komponenta Vue.js koja pruža sličnu funkcionalnost kao i Select2. Posrijedi je dizajniran za Vue.js taj Internet dopustiti da bude kompatibilan s Vuexom, Custom Templating, i gomilu drugih Vue.js dobrote.