Uued ressursid veebidisaineritele ja arendajatele (aprill 2018)

Sel kuul nägime paar teadet tehnilistest nimedest. Näiteks Apple avas uue andmebaasisüsteemi, Google avaldas uue tööriista, et mõõta oma veebisaidi kiirust mobiilseadmetes, ja Github tasuta kursusega, et alustada Git, Githubi ja üldiselt kodeerimisega.

Ka tänapäeva ametikohal sellel on mitu uut tööriista, mis praegu tõusevad. Lähme edasi sellele, mida meil on rohkem.

VuePress

Uus vahend Vue loojalt VuePress on a staatiline saidigeneraator mõeldud Vue.jsiga. See genereerib ja eelstatiseerib iga lehe staatilise HTML-i ja jookseb SPA-na (ühe lehe taotlus). Kaasas mõned funktsioonid, mis sisaldavad väljalülitamist, sealhulgas võimalus lisada Google Analyticsi ID, otsing, järgmine ja eelmine navigeerimine, külgriba ja PWA.

IMG-2

JavaScripti raamatukogu, mis tutvustab a kohandatud element, img-2. Uus element lisab mitmeid optimeeringuid, mis ei vasta standardile img element, pildi kasutajate jaoks laadimise parandamine. Kohandatud elemendiga salvestatakse pilt samuti vahemällu laisk koormus pilte ja teenida seda vahemälust ainult siis, kui pildid sisestavad kasutaja vaateava. Tutvu demoga.

Tabler

Elegantne armatuurlaud / administraatoripaneel põhineb Bootstrap 4-l. Juhtpaneelil on eelnevalt valmistatud komponendid, näiteks diagrammid, vormid, galeriid, hinnakujundus ja kena kohandatud ikoonide kogumine. Suur alguspunkt, mis võimaldab arendajatel kiiresti luua administraatori paneeli. Tutvu demoga!

DayJS

DayJS JavaScript-teek, et vormindada kuupäevad ja kellaajad. Veelgi enam, DayJS-il on sarnased API-d Moment.js-ile, kuid see on lihtsalt kaal 2Kb. Arvestades, et see võib olla a suurepärane alternatiiv Moment.jsile, kui soovid kergemat teeki, säilitaksid siiski juba teadaoleva teabe.

UnifiedArchive

PHP raamatukogu, mis tegeleb tihendatud failidega, toetab UnifiedArchive laia valikut vorminguid, sealhulgas RAR, Zip, Gzip, Tar, ja palju teisi tihendustüüpe. Selle teegiga saate faile või katalooge arhiveerida ja väljavõtte teha. See annab a käputäis API-sid failide käsitlemiseks pärast seda, kui see on arhiivist välja võetud. UnifiedArchive on saadaval helilooja paketina.

Githubi õppelabor

Github on äsja kuulutanud tasuta kursus, mis hõlmab peamiselt Giti Githubis. Praegu on 5 kursust, kus saate õppida mõningaid mugavaid asju, näiteks kuidas kasutada Githubi oma koodide vastuvõtmiseks, kuidas kasutada Githubi lehekülgi oma projekti jaoks tasuta saidi või blogi hankimiseks ja kuidas ühendada konflikte, mis on tavalised, kui töötate paljude arendajatega projektis.

WordPress UnitTest DOM parser

Kena otsa Takayuki Miyauchist testides DOMElementi, kui teete UnitTesti WordPressi rakendustes. Mina isiklikult leidsin, et see on tõesti kasulik; loodan, et see on sama.

Popmotion

JavaScripti teek, mis võimaldab veebis olevat võõra sujuvat animatsiooni, “Popmotion” pakub API-d, mida nimetatakse füüsikaks, mis võimaldab teil luua peaaegu reaalsete animatsiooniefektidega. See on lõputu; raamatukogu lihtsalt väljundväärtused põhinevad konfiguratsiooni konkreetsel komplektil. See võimaldab teil neid väljundeid rakendada mis tahes meediumi, sealhulgas CSS, SVG, Three.js ja isegi React.js, animeerimiseks..

Driver.js

JavaScripti raamatukogu, mis võimaldab teil “sõita” kasutaja keskendub lehele. See on eriti kasulik, kui soovite tutvustada spetsiifilisi funktsioone või suunata neid lehekülje konkreetsetele ülesannetele. Driver.js on õiglane 4 KB suurus, kohandatav ja klaviatuurile sõbralik.

Asendage animeeritud GIF video abil

GIF on kõikjal, pärast suurt tagasipöördumist. Kuid GIF-i probleem on see, et see on tavaliselt väga suur. See on ribalaiuse raiskamine, kuid graafiline kvaliteet on sageli kohutav. See Google'i suunis näitab, kuidas “Video” võib asendada GIF, et näidata animeeritud graafikat.

Teksti mask

JavaScripti teek teisendage spetsiaalset vormingut nõudev tekst nagu telefoninumber, valuuta või krediitkaardi number. Kuna kasutaja sisestab teksti, muudetakse see automaatselt sobivaks vormindamiseks, mis parandab kasutaja kogemust. TextMask saab kasutada koos React, Vue või lihtsalt lihtsa JavaScriptiga.

Võrrelge mobiilse saidi kiirust

See on veel üks mugav Google'i tööriist. See tööriist võimaldab teil mobiilist laadimisel kontrollige oma veebisaidi kiirust ja hinnata kogu tulude vähenemist, kui veebisait laadib aeglaselt. Sa saad valige riik ja kiirus millest teie veebisaiti testitakse.

VueNut

Vue.ut ja Vuexiga veebirakenduse loomisel kaasneb arenduspartner VueNutiga salvestatud andmete olekut on lihtsam uurida ja võimaldab teil töötlemise ajal andmeid hõlpsasti manipuleerida. Lahedad asjad!

FoundationDB

Hiljuti tegi Apple FoundationDB avatud lähtekoodiga Githubis. See on võtmeväärtuse paari andmebaasi süsteem mis lubab mastaapsust ja jõudlust. See on lahe, et suurte tech firmade hakata pühendama avatud lähtekoodiga mõned oma tooteid.

StoryBooks

StoryBooks on vahend ehitada reaktiivkomponent eraldi. See annab brauserile kasutajaliidese, mis võimaldab teil vaadata iga komponendi erinevaid olekuid testida komponente.

GhostText

See brauseri laiendus sünkroonige brauseris kirjutatud tekstiredaktor või vastupidi. Leidsin, et see on lõppkokkuvõttes kasulik, kui soovite, et saaksite oma koodiredaktori mugavuse ja funktsioonidega veebisaidile kirjutada. GhostText on saadaval Chrome'i, Firefoxi ja Opera jaoks.

Coala

Coala on a CLI, mis pakub liimimist lintimise ja kinnituskoodi jaoks, olenemata kasutatavatest keeltest. Coala saab kasutada koodiredaktoris, integreerida selle CI-ga (pidev integreerimine) ja kohandada seda konfiguratsioonisüntaksiga .koafiil. Coala toetab paljusid keeli, näiteks CSS, JavaScript, PHP, ja selles kataloogis on rohkem teavet.

ReactStrap

ReactStrap on kogum Bootstrap 4 komponente, mis on muundatud korduvkasutatavaks React komponendiks. Kui soovite oma vana Bootstrap-põhist veebisaiti moderniseerida, on see raamatukogu midagi, mida võiksite uurida.

Reacto

Teine Reactiga seotud tööriist, Reacto on IDE on ehitatud Electroni peale ja on mõeldud veebirakenduste arendamiseks ReactJSiga. See tundub tõesti mugav, kui teie arenduspõhimõte pöörleb ümber ReactJSi.

PicoJS

JavaScripti raamatukogu seda võimaldab näotuvastust. See töötab fotoga või integreeritud kaameraga. See on tõesti põnev, kuidas veebitehnoloogia viimastel aastatel areneb.