Sveži viri za spletne oblikovalce in razvijalce (oktober 2018)

Za razliko od katere koli druge industrije razvoj spletnih se spreminja z Skoke in meje. Obstajajo nova orodja, metode in okviri, ki so se razvili skoraj vsak dan, da bi poskrbeli za to novejše trende in tehnološki napredek v spletni industriji.

Tukaj je seznam najnovejših orodij in virov, vključno z okvirjem PHP, ki ga je mogoče zlahka izvesti E2E testiranje za vašo aplikacijo PHP, orodje za ustvarjanje barv, ki so skladne s standardi W3C Dostopnost, in peščico razširitev Vue.js. Pojdimo noter, da vidimo celoten seznam.

Keyframes App

Spletna aplikacija Zagotavljanje lepo GUI za sestavljanje CSS animacije in vizualizirajte animacijo s časovnico. Aplikacija vam omogoča tudi, da prenesete izhod CSS, ko ste zadovoljni. Ključni kadri CSS niso najlažje specifikacije v CSS-ju, zato bi imela aplikacija, kot je ta, zagotovo časovni okvir.

Symfony Panther

“Symfony Panther” je neverjetno PHP okvir iz Symfony opraviti E2E (End-to-end) test. Prihaja s svojim vgrajeni spletni strežnik in lahko uporabi Chrome, ki je nameščen v računalniku, da opravi preskus E2E.

Poleg tega podpira Izvedbe JavaScripta, zajemanje posnetkov zaslona, ​​uporabniški gonilnik Selenium, Chrome in odjemalec Firefox. Kot samostojen okvir lahko vključite Panther v vse projekte PHP, kot so npr. WordPress, Joomla, itd..

TrendyPalettes

Zbirka lepih barvnih palet. Zbirka ponuja na tisoče ročno izbrane palete barv. Uporabniki lahko pošljejo novo barvno paleto, tako da je vedno na voljo nova paleta. TrendyPalettes je na voljo tudi kot razširitev za Chrome.

Eagle.js

Eagle.js je okvir za ustvarjanje diapozitivov, zgrajenih na Vue.js, tako da lahko preprosto ponovno uporabite komponente po meri Vue.js v diapozitivih. Diapozitiv tudi podpira navigacija s tipkovnico in miško, styling po meri ali teming, interaktivnih pripomočkov in zagotavlja predloge za pomoč pri postavitvi in ​​predstavitvi diapozitiva hitro. Lahko je super alternativa Reveal.js, še posebej, če že poznate Vue.js.

Grape.js

GrapeJS je odprtokodni spletni izdelovalec, ki vam omogoča, da ustvarite spletne strani preprosto vlečenje in spuščanje komponent. Zagotavlja nekatere skupne komponente, kot so Besedilo, Slika, Vidoe, Stolpci, Zemljevid, Citat, itd. Lahko ga izvozite v HTML in CSS in izhod je presenetljivo čeden, za razliko od nekaterih podobnih orodij, ki sem jih poskusil prej. Oglejte si demo.

Vapid

Vapid je nov CMS, zgrajen z Node.js z zanimivim in edinstvenim pristopom. Večina CMS, če želite vključiti novo vrsto podatkov, bo morala najprej določiti vnos po meri na področju nadzorne plošče / skrbnika.

S programom Vapid je nasprotno, saj lahko določite predlogo, Vapid pa bo samodejno ustvaril vnos v področju Nadzorna plošča / Administrator. Na voljo je kot paket NPM.

Obvestilo WP CLI

Ime pove vse. To je prilagojen paket WP-CLI za prikaz obvestil OS, ko je WP-CLI že izveden. Prefinjeno.

CSSGr.id

Spletna aplikacija za sestavljanje CSS Grid. Konfigurirate lahko število elementov, stolpcev, vrzel med posameznimi postavkami, pa tudi vsak razpon elementov in nato ustvarite kodo HTML in CSS. CSS Grid je ena izmed tistih CSS specifikacij, ki je ni povsem enostavno razumeti. Toda to orodje omogoča veliko lažje ravnanje z njim.

Pomikanje Namig

ScrollHint je knjižnica JavaScript, ki vam omogoča, da ustvarite element na vrhu, da pokažete, da se lahko razdeli na vaši spletni strani. To je še posebej uporabno, če imate na svoji spletni strani horizontalni element drsenja, saj se večina ljudi med seboj ne premika levo ali desno (ali obratno)..

PristineJS

Knjižnica JavaScript za dodajanje potrditve vnosu. HTML5 že vsebuje nekatere vrste preverjanja veljavnosti z “type = email”, in “type = število” na primer. Ampak, če potrebujete prilagojevalnik po meri, ki ni implementiran v HTML5, ta knjižnica JavaScript bo uporabna.

SelectionJS

Večina ljudi verjetno že pozna, kako izbrati več map ali datotek v računalniku; po navadi imajo klik miške in jo povlečejo okoli datotek ali map, ki jih želijo izbrati. Če želite uporabiti isti UX na svoji spletni strani, bo SelectionJS prišel prav.

Spletni prikaz

Webdash je orodje, ki ga lahko prikaže vaš projekt v vmesnik GUI. Povezuje se preko package.json datoteko v računalniku. Tako lahko prikaže seznam NPM paketi, posodobite paket, registrirane skripte, zaženite skript, in predogled datotek README neposredno iz spletne zbirke podatkov. Precej super!

CanJS

Okvir JavaScripta za izdelavo spletnega vmesnika. Podoben je z React.js z nekaterimi dodatnimi funkcijami in z njim usmerjevalnik, pripomočki DOM in funkcija AJAX. Prav tako ima precej aktivno podporo skupnosti, ki zagotavlja nekatere razširitve.

CheerioJS

Knjižnica JavaScript, ki izvaja specifikacijo jQuery Core za DOM (Document Object Model) in je zasnovana za uporabo na strani strežnika. Če ste delam z Node.js in uživamo tudi v sintaksi jQuery podobno addClass (), attr (), in najti(), to je JavaScript, ki ga iščete.

Colorbox

Colorbox je pobuda Lyft za ustvarjanje barvne kompozicije, ki je skladna z barvnim standardom Accessiblity. Orodje poganja pameten algoritem, ki vam omogoča preprosto premaknite gumb, spremenite konfiguracijo, in bo ustvaril ustrezne barve za vas. Neverjetno je.

Vnosne lastnosti v PHP-ju 7.4

PHP7.3 je tik za vogalom, kot smo omenili v prejšnjem delu. Toda PHP7.4 je že v načrtu. Eden od načrtov je Typed Property. To pomeni, da boste kmalu lahko napisati nekaj podobnega javni int $ id; v vašem razredu PHP. To je velika sprememba, ki bi lahko v veliki meri pripomogla k zmanjšanju števila napak v aplikaciji PHP.

Šablona

Prevajalnik JavaScript, ki omogoča preprosto ustvarjanje spletnih komponent z najnovejšim standardom. Poleg tega StencilJS v mešanico dodaja tudi nekaj sodobnega spletnega razvojnega pristopa Podpora JSX, reaktivnost, usmerjevalnik in upravljanje držav z uporabo vtičnika.

Vue Infinite Nalaganje

Razširitev Vue za ustvarjanje neskončne strani za pomikanje. To je mobilno prijazno in združljiv s katerim koli elementom, ki ga je mogoče premakniti. Prav tako podpira dve smeri pomikanja, in najboljše od vsega, prihrani veliko časa.

V Odložišče

Razširitev po meri Vue.js, ki omogoča tako preprosto ustvariti “Kopirati” gumb. Lahko preprosto dodate a v-odložišče atribut gumba in vsi ste pripravljeni. Ta razširitev Vue.js deluje za vsak sodoben brskalnik, kot tudi za IE11 in najnovejše.

Vue Izberite

Komponenta Vue.js, ki zagotavlja podobno funkcionalnost kot Select2. Zasnovan je za Vue.js, ki ga omogoča združljiv z Vuex, Custom Templating, in veliko drugih dobrot Vue.js.