Svježi resursi za web-dizajnere i razvojne programere (travanj 2018.)

Ovaj mjesec smo vidjeli nekoliko najava iz poznatih imena u tech. Primjerice, Apple je otvorio novi sustav baze podataka, Google je izdao novi alat za mjerenje brzine web-lokacije na mobilnim uređajima, a Github s besplatnim tečajem za početak rada s Git, Github i kodiranjem općenito.

Također, u današnjem postu, također značajan broj novih alata koji su trenutno u porastu. Idemo na ono što imamo više na popisu.

VuePress

Novi alat od tvorca Vue, VuePress je statički generator web-mjesta dizajniran s Vue.js. Ona generira i unaprijed prikazuje statički HTML za svaku stranicu i radi kao SPA (aplikacija na jednoj stranici). Dolazi s nekim značajkama izvan okvira, uključujući mogućnost dodavanja ID-a usluge Google Analytics, pretraživanja, sljedeće i prethodne navigacije, bočne trake i PWA.

HMG-2

JavaScript knjižnica koja uvodi a prilagođeni element, HMG-2. Novi element dodaje brojne optimizacije koje ne dolaze sa standardom img element, poboljšanje učitavanja slike za korisnike. Pomoću prilagođenog elementa slika će biti unaprijed spremljena, također lijeno opterećenje slike i posluživanje će iz cachea samo kad slike uđu u korisnikov prikaz. Pogledajte demo.

Tabler

Elegantna ploča nadzorne ploče / administratora na temelju Bootstrap 4. Na nadzornoj ploči nalaze se unaprijed izrađene komponente kao što su grafikoni, obrasci, galerije, tablica određivanja cijena i lijepa zbirka prilagođenih ikona. Izvrsna polazna točka za brz razvoj razvojne administratore. Pogledajte demo!

DayJS

DayJS JavaScript knjižnica za formatiranje datuma i vremena. Štoviše, DayJS ima slične API-je za Moment.js, ali je samo težine 2Kb. S obzirom na to, moglo bi biti odlična alternativa Moment.js, ako želite lakšu knjižnicu, a ipak zadržati poznavanje onoga što ste već znali.

UnifiedArchive

PHP knjižnica za rad sa komprimiranim datotekama, UnifiedArchive podržava širok raspon formata uključujući RAR, Zip, Gzip, Tar, i mnogo drugih vrsta kompresije. S ovom knjižnicom možete arhivirati i izdvojiti datoteke ili direktorije. Pruža a pregršt API-ja za upravljanje datotekama nakon što je izvađena iz arhive. UnifiedArchive je dostupan kao Composer paket.

Githubov laboratorij za učenje

Github je upravo objavio besplatni tečaj koji prvenstveno pokriva Git u Githubu. U ovom trenutku postoji 5 tečajeva u kojima možete naučiti nekoliko zgodnih stvari kao što su kako koristiti Github da biste postavili svoje kodove, kako koristiti Github stranice da biste dobili besplatnu web-lokaciju ili blog za svoj projekt te kako upravljati sukobima spajanja koji su uobičajeni u radu s mnogim programerima na projektu.

WordPress UnitTest DOM Parser

Lijep savjet od Takayuki Miyauchija testiranje DOMElementa pri izvođenju UnitTesta u WordPress aplikacijama. Osobno sam smatrao da je to stvarno korisno; Nadam se da ćete ga pronaći isto.

Popmotion

JavaScript biblioteka za glatku animaciju na webu, “Popmotion” pruža API pod nazivom Fizika koji vam omogućuje stvaranje stvarnih animacijskih efekata. Neponovljivo je; u knjižnici jednostavno izlazi vrijednosti na temelju određenog skupa konfiguracije. To vam omogućuje da primijenite te izlaze kako biste animirali bilo koji medij uključujući CSS, SVG, Three.js pa čak i React.js.

Driver.js

JavaScript knjižnica koja vam omogućuje “voziti” fokusiranje korisnika na stranicu. To je osobito korisno ako želite uvesti određene značajke ili ih uputiti na određene zadatke na stranici. Driver.js je pravedan Veličina 4 KB, prilagodljiva i prijateljska za tipkovnicu.

Zamijenite animirani GIF s videozapisom

GIF je svugdje, nakon velikog povratka. Ali problem u GIF-u je u tome što je obično vrlo velik. To je gubitak propusnosti, ali grafička kvaliteta je često užasna. Ovaj Smjernica Googlea pokazuje kako “Video” može zamijeniti GIF za prikaz animiranih slika.

Maska za tekst

JavaScript biblioteka za transformirati tekst koji zahtijeva posebno oblikovanje kao što su telefonski broj, valuta ili broj kreditne kartice. Kako korisnik upisuje tekst, automatski će se pretvoriti u odgovarajuće oblikovanje čime se poboljšava korisničko iskustvo. TextMask može se koristiti s React, Vue ili samo običnim starim JavaScriptom.

Usporedite brzinu mobilnog web-mjesta

Ovo je još jedan zgodan alat Googlea. Ovaj vam alat omogućuje provjerite brzinu vaše web-lokacije prilikom učitavanja s mobilnog uređaja i procjenu ukupnog gubitka prihoda kada se web-lokacija sporo učitava. Možeš odaberite zemlju i brzinu na koju će se testirati vaša web-lokacija.

VueNut

Razvojni pratitelj prilikom izrade web aplikacije s Vue.js i Vuexom, VueNut to čini lakše istražiti pohranjeno stanje podataka i omogućuje vam da lako manipulirate podacima tijekom razvoja. Cool stvari!

FoundationDB

Nedavno je Apple napravio FoundationDB open source u Githubu. To je sustav baza podataka ključ / vrijednost koji obećava skalabilnost i performanse. Kul je imati velike tehnološke tvrtke koje se posvećuju otvorenim izvorima nekih svojih proizvoda.

storybooks

StoryBooks je alat za Izgradite React komponentu u izolaciji. Ona pruža UI na pregledniku omogućujući vam da vidite različite države svake komponente, kao i ispitajte komponente.

GhostText

Proširenje preglednika koje će sinkronizirajte ono što pišete u pregledniku u uređivaču teksta ili obrnuto. Otkrio sam da je to krajnje korisno ako želite biti u mogućnosti pisati na web-lokaciji s praktičnostima i značajkama vašeg uređivača koda. GhostText je dostupan za Chrome, Firefox i Opera.

Coala

Coala je a CLI pruža sučelje za ispis i popravljanje koda bez obzira na korištene jezike. Možete koristiti Coala u uređivaču koda, integrirati ga s CI (Kontinuirana integracija) i prilagoditi ga sintaksom konfiguracije u .coafile. Coala podržava mnoge jezike kao što su CSS, JavaScript, PHP, a više možete naći u ovom direktoriju.

ReactStrap

ReactStrap je kolekcija Bootstrap 4 komponenti pretvorenih u React komponente za višekratnu upotrebu. Ako želite modernizirati staru web-lokaciju na kojoj se temelji Bootstrap, ova knjižnica je nešto na što biste mogli pogledati.

Reacto

Još jedan alat koji se odnosi na React, Reacto je IDE izgrađen na vrhu Electrona i dizajniran za razvoj web aplikacija s ReactJS. Ovo izgleda vrlo zgodno ako se vaš razvoj primarno vrti oko ReactJS-a.

PicoJS

JavaScript knjižnica koja omogućuje prepoznavanje lica. Radi s fotografijom ili s integrirane kamere. Zapravo je fascinantno kako se web tehnologija razvija zadnjih nekoliko godina.