Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2018 m. Spalis)

Skirtingai nuo kitų pramonės šakų kūrimo, sparčiai keičiasi. Beveik kiekvieną dieną sukurtos naujos priemonės, metodai ir sistemos naujesnės tendencijos ir technologijų pažanga žiniatinklio pramonėje.

Taigi čia yra naujausių įrankių ir išteklių sąrašas, įskaitant PHP sistemą, kad būtų galima lengvai atlikti E2E testavimas jūsų PHP programai, įrankis, skirtas kurti spalvas, atitinkančias W3C prieinamumo standartus, ir saujas „Vue.js“ plėtinių. Leiskite peršokti, kad pamatytume visą sąrašą.

„Keyframes“ programa

Žiniatinklio programa malonaus GUI teikimas CSS animacijai kurti ir vizualizuoti animaciją su laiko juosta. Programa taip pat leidžia jums atsisiųsti CSS išvestį, kai esate patenkinti. CSS raktų rėmeliai nėra paprasčiausia specifikacija CSS sistemoje, todėl, kaip ir tokia programa, tai tikrai būtų laiko taupymas.

Symfony Panther

“Symfony Panther” yra nuostabi PHP sistema iš „Symfony“ atlikti E2E (end-to-end) testą. Jis ateina su savo integruotas interneto serveris ir gali panaudoti „Chrome“, įdiegtą jūsų kompiuteryje, atlikti E2E testą.

Be to, ji palaiko „JavaScript“ vykdymas, ekrano užfiksavimas, pasirinktinis Seleno vairuotojas, „Chrome“ ir „Firefox“ klientas. Būdamas savarankiška sistema, galite įtraukti Panther į bet kokius PHP projektus, pavyzdžiui, „WordPress“, „Joomla“ ir kt..

„TrendyPalettes“

Gražių spalvų paletės. Kolekcija siūlo tūkstančius rankomis paimtos spalvų paletės. Vartotojai gali pateikti naują spalvų paletę, todėl visada yra naujų paletų. „TrendyPalettes“ taip pat yra „Chrome“ plėtinys.

Eagle.js

„Eagle.js“ - tai sistema, sukurianti „Vue.js“ viršų sukurtus skaidres, todėl galite lengvai panaudoti pasirinktinius „Vue.js“ komponentus skaidres. Skaidrė taip pat palaiko klaviatūros ir pelės navigacija, pasirinktinis stilius arba tematika, interaktyviosios programėlės ir suteikia galimybę įdiegti ir pristatyti skaidrią. Tai gali būti puikus alternatyva „Reveal.js“, ypač jei jau esate susipažinę su „Vue.js“.

Grape.js

„GrapeJS“ yra atviro kodo žiniatinklio kūrėjas, kuris leidžia jums sukurti tinklalapius sudedamosios dalys. Jame yra keletas bendrų komponentų, tokių kaip Tekstas, Vaizdas, Vidoe, Stulpeliai, Žemėlapis, Citata ir kt. Galite eksportuoti jį į HTML ir CSS, o išvestis yra nuostabiai tvarkinga, skirtingai nuo kai kurių panašių įrankių, kuriuos bandžiau anksčiau. Patikrinkite demonstraciją.

Vapid

Vapid yra nauja CMS, sukurta su Node.js su įdomiu ir unikaliu požiūriu. Dauguma CMS, darant prielaidą, kad norite įtraukti naują duomenų tipą, pirmiausia turės apibrėžti pasirinktinį įvestį prietaisų skydelio / administratoriaus srityje.

Naudodami „Vapid“, tai yra priešingas, nes galite nustatyti šabloną, o „Vapid“ automatiškai generuos įvestį prietaisų skydelio / administratoriaus srityje. Tai yra NPM paketas.

WP CLI pranešimas

Vardas sako viską. Tai individualus WP-CLI paketas, skirtas rodyti OS pranešimus, kai WP-CLI jau yra vykdomas. Gana išgalvotas.

CSSGr.id

Interneto programa, skirta CSS tinklui kurti. Galite konfigūruoti elementų, stulpelių, atotrūkio tarp kiekvieno elemento, taip pat kiekvieno elemento intervalą ir tada generuoti HTML ir CSS kodą. „CSS Grid“ yra viena iš tų CSS specifikacijų, kurių nėra lengva suprasti. Tačiau šis įrankis tampa daug paprastesnis.

Slinkite Hint

„ScrollHint“ yra „JavaScript“ biblioteka, kuri leidžia sukurti elementą virš viršaus ir parodyti, kad jūsų tinklalapio sekcija yra slenkama. Tai ypač naudinga, jei jūsų tinklalapyje yra horizontalus slinkties elementas, nes dauguma žmonių, žinoma, nevartoja į kairę į dešinę (arba atvirkščiai), kai vartojate žiniatinklį.

PristineJS

„JavaScript“ biblioteka, skirta įvesties patvirtinimui pridėti. HTML5 jau yra su tam tikru tipo patvirtinimu “type = email”, ir “tipas = skaičius” pavyzdžiui. Bet jei jums reikia a pritaikytas tikrintuvas, kuris nėra įdiegtas HTML5, ši „JavaScript“ biblioteka bus naudinga.

SelectionJS

Dauguma žmonių tikriausiai jau pažįsta, kaip pasirinkti savo kompiuteryje kelis aplankus ar failus; jie paprastai laikys pelės paspaudimą ir vilkite aplink failus ar aplankus, kuriuos jie norėtų pasirinkti. Jei norite naudoti tą patį UX savo svetainėje, „SelectionJS“ bus naudinga.

„Webdash“

„Webdash“ yra įrankis, kuris gali rodyti savo projektą į GUI sąsają. Jis jungiasi per package.json failą kompiuteryje. Taigi jis gali rodyti sąrašą NPM paketai, atnaujinkite paketą, registruotus scenarijus, paleiskite scenarijų, ir peržiūrėti README failus tiesiai iš „Webdash“. Ganėtinai šaunu!

CanJS

„JavaScript“ sistema, skirta kurti interneto sąsają. Tai panaši į React.js su kai kuriomis papildomomis funkcijomis ir ateina su maršrutizatorius, „DOM Utilities“ ir „AJAX“ funkcijos iš karto po dėžutės. Ji taip pat turi gana aktyvią bendruomenės paramą, teikiančią kai kuriuos plėtinius.

CheerioJS

„JavaScript“ biblioteka, įgyvendinanti „JQuery Core“ specifikaciją „DOM“ („Document Object Model“) ir skirta naudoti serverio pusėje. Jei esate dirbant su „Node.js“, o taip pat naudokite „jQuery“ sintaksę Kaip addClass (), attr (), ir rasti (), tai yra ieškomas „JavaScript“.

„Colorbox“

„Colorbox“ yra „Lyft“ iniciatyva sukurti spalvų kompoziciją, atitinkančią spalvų prieinamumo standartą. Įrankis maitinamas protingu algoritmu, kuris leidžia jums tiesiog perjunkite rankenėlę, pakeiskite konfigūraciją, ir tai sukurs jums tinkamas spalvas. Tai tiesiog nuostabi.

Įrašytos ypatybės PHP 7.4

PHP7.3 yra tiesiog už kampo, kaip jau minėjome ankstesnėje įmokoje. Tačiau PHP7.4 jau yra plane. Vienas iš planų yra įvestas turtas. Tai reiškia, kad netrukus galėsite rašykite kažką panašaus public int $ id; jūsų PHP klasėje. Tai didžiulis pokytis, kuris gali labai padėti sumažinti jūsų „PHP“ programų klaidas.

Trafaretas

„JavaScript“ kompiliatorius, kuris leidžia lengvai kurti žiniatinklio komponentus su naujausiais standartais. Be to, „StencilJS“ taip pat prideda tam tikrą modernią žiniatinklio kūrimo strategiją JSX palaikymas, reaktyvumas, maršrutizatorius ir valstybės valdymas naudojant papildinį.

Vue Infinite Loading

„Vue“ plėtinys, skirtas sukurti begalinį slinkties puslapį. Tai mobilus ir patogus suderinamas su bet kokiu slinkties elementu. Jis taip pat palaiko dvi slinkties kryptis, o geriausia - taupo daug laiko.

V iškarpinė

Pasirinktinis „Vue.js“ plėtinys, kuris daro jį taip lengva sukurti “Kopijuoti” mygtukas. Jūs galite tiesiog pridėti a v-iškarpinė atributas prie vieno mygtuko ir esate visi nustatyti. Šis „Vue.js“ plėtinys veikia visoms modernioms naršyklėms, o taip pat ir IE11 bei naujausiems.

Vue Select

Vue.js komponentas, kuris suteikia panašią funkciją kaip Select2. Jis skirtas „Vue.js“, kad jis galėtų būti suderinama su „Vuex“, „Custom Templating“, ir kitų Vue.js gerumo krūva.