Resurse proaspete pentru web designeri și dezvoltatori (octombrie 2018)

Spre deosebire de orice altă industrie, dezvoltarea web-ului se schimbă prin salturi și limite. Există noi instrumente, metode și cadre dezvoltate aproape în fiecare zi pentru a răspunde noile tendințe și progresul tehnologic în industria web.

Deci, aici este o listă cu cele mai recente instrumente și resurse, inclusiv un cadru PHP pentru a efectua cu ușurință Testarea E2E pentru aplicația dvs. PHP, un instrument de generare a culorilor care respectă standardele de accesibilitate W3C și o mână de extensii Vue.js. Să intrăm pentru a vedea lista completă.

Aplicații cheie cheie

O aplicație bazată pe web oferind un GUI frumos pentru a compune animație CSS și vizualizați animația cu o cronologie. Aplicația vă permite, de asemenea, să descărcați ieșirea CSS odată ce sunteți mulțumit. Cadrele cheie CSS nu sunt cele mai simple spec. În CSS, având astfel o aplicație ca aceasta ar fi cu siguranță un timeaver.

Simfonia Panther

“Simfonia Panther” este un cadru PHP uimitor de la Symfony pentru a efectua un test E2E (end-to-end). Ea vine cu ei server web încorporat și ar putea utiliza Chrome instalat pe computer pentru a efectua testul E2E.

Mai mult decât atât, susține Executări JavaScript, captura de ecran, driver personalizat pentru Selenium, Chrome și clientul Firefox. Fiind un cadru independent, puteți include Panther în orice proiecte PHP cum ar fi, de exemplu, WordPress, Joomla, etc.

TrendyPalettes

O colecție de palete de culori frumoase. Colecția oferă mii de selectate palete de culori. Utilizatorii pot trimite o nouă paletă de culori, așa că întotdeauna există palete noi adăugate vreodată yday. TrendyPalettes este, de asemenea, disponibil ca extensie Chrome.

Eagle.js

Eagle.js este un cadru pentru a crea diapozitive construite pe partea de sus a Vue.js astfel încât să puteți reutiliza cu ușurință componente personalizate Vue.js în diapozitive. De asemenea, suportul este susținut navigare cu tastatură și mouse, stil personalizat sau teme, widget-uri interactive, și oferă o placă de bază pentru a ajuta la configurarea și prezentarea diapozitivului rapid. Poate fi o minune alternativă la Reveal.js, mai ales dacă sunteți deja familiarizat cu Vue.js.

Grape.js

GrapeJS este un constructor de web open source care vă permite să construiți pagini web pur și simplu prin glisarea și fixarea componentelor. Acesta oferă câteva componente comune precum Text, Imagine, Vidoe, Coloane, Hartă, Citat etc. Puteți să-l exportați în HTML și CSS, iar ieșirea este uimitor de elegantă, spre deosebire de unele instrumente similare pe care le-am încercat înainte. Verificați demo-ul.

Fad

Vapid este un nou CMS construit cu Node.js cu o abordare interesantă și unică. Majoritatea CMS, presupunând că doriți să includeți un nou tip de date, va trebui să definească mai întâi intrarea personalizată în zona Dashboard / Admin.

Cu Vapid, este exact opusul în care puteți defini șablonul și Vapid va genera automat intrarea în zona Dashboard / Admin. Este disponibil ca pachet NPM.

WP CLI Notification

Numele spune totul. Este un pachet personalizat WP-CLI care afișează notificările sistemului de operare când WP-CLI este deja executat. Destul de fantezist.

CSSGr.id

O aplicație web bazată pe compunerea rețelei CSS. Puteți configura numărul de elemente, coloane, diferența dintre fiecare element, precum și fiecare interval de elemente și apoi generați codul HTML și CSS. CSS Grid este una dintre acele specificații CSS care nu este destul de ușor de înțeles. Dar acest instrument face mult mai ușor să se ocupe de el.

Derulați Sugestie

ScrollHint este o bibliotecă JavaScript care vă permite să creați un element în partea superioară pentru a arăta că o secțiune din pagina dvs. web este derulantă. Acest lucru este deosebit de util dacă aveți un element de derulare orizontal pe pagina dvs. Web, deoarece majoritatea oamenilor nu se rotesc în mod natural din stânga în dreapta (sau invers) atunci când consumă webul.

PristineJS

O bibliotecă JavaScript pentru a adăuga validarea unei intrări. HTML5 vine cu o validare de tip deja cu “type = e-mail”, și “tip = numărul” de exemplu. Dar dacă aveți nevoie de a validator personalizat care nu este implementat în HTML5, această bibliotecă JavaScript va fi utilă.

SelectionJS

Majoritatea oamenilor, probabil, deja familiarizați cu modul de selectare a mai multor foldere sau fișiere în computerul lor; ei de obicei vor ține apăsat pe mouse și îl vor glisa în jurul fișierelor sau dosarelor pe care doresc să le aleagă. Dacă doriți să aplicați același UX pe site-ul dvs., SelectionJS va veni la îndemână.

Webdash

Webdash este un instrument care poate afișați proiectul în interfața GUI. Se conectează prin package.json fișier în calculatorul dvs. Deci, poate afișa lista de Pachete NPM, actualizați pachetul, scripturile înregistrate, executați scriptul, și previzualizarea fișierelor README chiar de la Webdash. Destul de tare!

CanJS

Un cadru JavaScript pentru a construi o interfață web. Este similar cu React.js cu unele caracteristici suplimentare și vine cu ruter, DOM Utilities și funcția AJAX chiar din cutie. De asemenea, are un sprijin comunitar destul de activ oferă unele extensii.

CheerioJS

O bibliotecă JavaScript care implementează specificația jQuery Core pentru DOM (Document Object Model) și este concepută pentru a fi utilizată pe partea de server. Daca esti de lucru cu Node.js în timp ce se bucură, de asemenea, sintaxa jQuery ca addClass (), attr (), și găsi(), acesta este JavaScript pe care îl căutați.

Cutie de culori

Colorbox este inițiativa Lyft pentru a genera o compoziție de culoare care să respecte standardul Color Accessiblity. Instrumentul este alimentat cu un algoritm inteligent care vă permite să pur și simplu mișcați în jurul butonului, schimbați configurația, și va genera culorile potrivite pentru dvs. Este doar uimitor.

Introducerea proprietăților în PHP 7.4

PHP7.3 se află chiar la colț, așa cum am menționat în tranșa anterioară. Dar PHP7.4 se află deja în Plan. Unul dintre planuri este Tastat Property. Asta inseamna ca veti fi capabili in curand scrie ceva de genul public int; id; în clasa PHP. Este o schimbare uriașă care ar putea contribui considerabil la reducerea bug-urilor aplicațiilor PHP.

vopsi

Un compilator JavaScript care facilitează crearea Web Components cu cel mai recent standard. În plus, StencilJS adaugă, de asemenea, o abordare modernă de dezvoltare web în mix, inclusiv Suport JSX, reactivitate, router și management de stat folosind un plugin.

Vue Infinite Loading

Extensie Vue pentru a crea o pagină infinită de defilare. Este mobilă și prietenoasă compatibil cu orice element scrollabil. De asemenea, susține două direcții de derulare și, mai presus de toate, economisește mult timp.

V Clipboard

O extensie personalizată Vue.js care face acest lucru ușor de creat o “Copie” buton. Puteți adăuga pur și simplu a v-clipboard atribuiți unui buton și sunteți toți pregătiți. Această extensie Vue.js funcționează pentru fiecare browser modern, precum și IE11 și cel mai recent.

Vue Select

O componentă Vue.js care oferă funcționalități similare cu Select2. Este proiectat pentru Vue.js pe care le permite să fie compatibil cu Vuex, Custom Templating, și o grămadă de bunătate a lui Vue.