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

Ta mesec smo videli nekaj obvestil iz pomembnih imen v tehniki. Na primer, Apple je odprl nov sistem baze podatkov, Google je izdal novo orodje za merjenje hitrosti vaše spletne strani na mobilnih napravah, Github pa je z brezplačnim tečajem začel z Git, Github in kodiranjem na splošno.

Tudi v današnji objavi bom tudi jaz številna nova orodja, ki so trenutno v porastu. Pojdimo na to, kar imamo na seznamu.

VuePress

Novo orodje ustvarjalca Vue, VuePress je statični generator mesta zasnovan z Vue.js v mislih. Ustvari in prednastavi statični HTML za vsako stran in deluje kot SPA (aplikacija na eni strani). Na voljo je nekaj zunanjih možnosti, vključno z možnostjo dodajanja ID-ja Google Analytics, iskanja, navigacije za naslednjo in predhodno, stranske vrstice in PWA.

IMG-2

Knjižnica JavaScript, ki uvaja a element po meri, img-2. Novi element dodaja številne optimizacije, ki ne prihajajo s standardom img element, izboljšanje načina nalaganja slike za uporabnike. S elementom po meri bo slika predpomnjena leni tovor slike in strežniki bodo iz predpomnilnika samo, ko slike vstopijo v uporabniški prikaz uporabnika. Oglejte si demo.

Tabler

Elegantna nadzorna plošča na osnovi Bootstrap 4. Na nadzorni plošči so vnaprej pripravljene komponente, kot so grafikoni, obrazci, galerije, tabela za določanje cen in lepa zbirka ikon po meri. Odlična izhodiščna točka, da lahko razvijalci hitro pripravijo skrbniško ploščo. Oglejte si demo!

DayJS

DayJS JavaScript knjižnica za oblikovanje datumov in časov. Še več, DayJS ima podobne API-je za Moment.js, vendar je velikost samo 2Kb. Glede na to je lahko odlična alternativa Moment.js, če si želite lažjo knjižnico, vendar še vedno poznate, kar ste že poznali.

UnifiedArchive

Knjižnica PHP za obdelavo stisnjenih datotek, UnifiedArchive podpira široko paleto formatov, vključno RAR, Zip, Gzip, Tar, in veliko drugih vrst stiskanja. S to knjižnico lahko arhivirate in ekstrahirate datoteke ali imenike. Zagotavlja: a peščica API-jev za upravljanje datotek potem, ko je bil izpisan iz arhiva. UnifiedArchive je na voljo kot paket Composer.

Učni laboratorij Github

Github je pravkar objavil brezplačni tečaj, ki pokriva predvsem Git v Githubu. Trenutno je 5 tečajev, kjer se lahko naučite nekaj priročnih stvari, kot je npr kako uporabljati Github da gostite svoje kode, kako uporabljati Github strani dobite brezplačno spletno mesto ali spletni dnevnik za svoj projekt ter kako upravljati spore, ki se običajno dogajajo, ko delate s številnimi razvijalci v projektu.

WordPress UnitTest DOM Parser

Lep nasvet od Takayuki Miyauchi naprej testiranje DOMElementa pri izvajanju UnitTesta v aplikacijah WordPress. Osebno sem ugotovil, da je to res koristno; upam, da boste našli isto.

Popmotion

Knjižnica JavaScript za gladko gladko animacijo na spletu, “Popmotion” ponuja API, imenovan fizika, ki vam omogoča ustvarjanje s skoraj realističnimi animacijskimi učinki. Neupojen je; knjižnico preprosto odda vrednosti na podlagi določenega niza konfiguracije. To vam omogoča, da uporabite te izhode za animacijo katerega koli medija, vključno s CSS, SVG, Three.js in celo React.js.

Driver.js

Knjižnica JavaScript, ki vam omogoča “pogon” osredotočanje na stran. To je še posebej uporabno, če želite uvesti posebne funkcije ali jih usmeriti k določenim nalogam na strani. Driver.js je prav Velikost 4 KB, prilagodljiva in tipkovnica prijazna.

Zamenjajte animirani GIF z videom

GIF je povsod, potem ko se je vrnil. Toda problem v zvezi z GIF je, da je običajno zelo velik. To je izguba pasovne širine, vendar je kakovost grafike pogosto grozna. To Googlova smernica kaže, kako “Video” lahko zamenja GIF za prikaz animiranih slik.

Besedilna maska

Knjižnica JavaScripta za preoblikujte besedilo, ki zahteva posebno oblikovanje telefonsko številko, valuto ali številko kreditne kartice. Ko bo uporabnik tipkal, bo besedilo samodejno preoblikovano v ustrezno oblikovanje, kar bo izboljšalo uporabniško izkušnjo. Besedilna naloga lahko uporabite z React, Vue ali samo s preprostim starim JavaScriptom.

Primerjaj hitrost mobilnega mesta

To je še eno priročno orodje Googla. To orodje vam omogoča preverite hitrost vaše spletne strani pri nalaganju iz mobilnega telefona in oceni skupno izgubo prihodkov, ko se spletna stran počasi nalaga. Ti lahko izberite državo in hitrost na katero bo vaša spletna stran preizkušena.

VueNut

Razvojni spremljevalec pri gradnji spletne aplikacije z Vue.js in Vuexom lažje raziskati stanje podatkov, shranjeno in vam omogoča enostavno manipuliranje podatkov med razvojem. Kul stvari!

FoundationDB

Pred kratkim je Apple odprl odprto kodo FoundationDB v Githubu. Je sistem podatkovnih baz para ključ / vrednost obljublja razširljivost in zmogljivost. To je kul, da imajo velika tehnološka podjetja, ki se začnejo posvetiti odprtokodnim delom svojih izdelkov.

StoryBooks

StoryBooks je orodje za sestavite komponento React ločeno. Zagotavlja uporabniški vmesnik v brskalniku, ki vam omogoča ogled različnih stanj vsake komponente kot tudi preskusite komponente.

GhostText

Razširitev brskalnika, ki bo sinhronizirajte tisto, kar pišete v brskalniku, z urejevalnikom besedila ali obratno. Ugotovil sem, da je to na koncu uporabno, če želite imeti možnost pisati na spletnem mestu s priročnostjo in funkcijami urejevalnika kode. GhostText je na voljo za Chrome, Firefox in Opera.

Coala

Coala je a CLI zagotavlja vmesnik za vnašanje in popravljanje kode, ne glede na uporabljene jezike. Coala lahko uporabljate v urejevalniku kode, jo integrirate s CI (Continuous Integration) in jo prilagodite s sintakso konfiguracije v .coafile. Coala podpira številne jezike, kot so CSS, JavaScript, PHP, in več lahko najdete v tem imeniku.

ReactStrap

ReactStrap je zbirka komponent Bootstrap 4, ki se pretvorijo v komponente React za večkratno uporabo. Če želite posodobiti staro spletno mesto, ki temelji na programu Bootstrap, je ta knjižnica nekaj, kar si boste morda želeli ogledati.

Reacto

Drugo orodje Reacto je Reacto IDE, zgrajen na Electronu in zasnovan za razvoj spletnih aplikacij z ReactJS. To je zelo priročno, če se vaš razvojni center vrti okoli ReactJS.

PicoJS

Knjižnica JavaScript, ki omogoča zaznavanje obrazov. Deluje s fotografijo ali z vgrajeno kamero. Res je fascinantno, kako se spletna tehnologija razvija v zadnjih nekaj letih.