Čerstvé zdroje pre návrhárov webových stránok a vývojárov (apríl 2018)

Tento mesiac sme videli niekoľko oznámení z pozoruhodných mien v technike. Napríklad spoločnosť Apple otvorila nový databázový systém, Google vydal nový nástroj na meranie rýchlosti vášho webu v mobile a Github s bezplatným kurzom, ktorý vám umožní začať s Git, Githubom a kódovaním vo všeobecnosti.

Aj v dnešnom príspevku budem tiež obsahujú množstvo nových nástrojov, ktoré sú v súčasnosti na vzostupe. Prejdime k tomu, čo máme na zozname.

VuePress

Nový nástroj od tvorcu Vue, VuePress je a generátor statických stránok navrhnuté s Vue.js na mysli. Vytvára a predbežne vytvára statické HTML pre každú stránku a beží ako SPA (Single-page Application). Dodáva sa s niektorými funkciami, ktoré nie sú k dispozícii, vrátane možnosti pridať ID služby Google Analytics, vyhľadávanie, navigáciu Next a prev, bočný panel a PWA.

IMG-2

Knižnica jazyka JavaScript, ktorá predstavuje a vlastný prvok, img-2. Nový prvok pridáva množstvo optimalizácií, ktoré nie sú súčasťou normy img element, zlepšenie spôsobu načítania obrázka pre používateľov. Pomocou vlastného prvku bude obrázok vopred ukladaný do vyrovnávacej pamäte, ale tiež lenivé zaťaženie obrázky a zobrazenie sa budú z vyrovnávacej pamäte iba vtedy, keď obrázky vstupujú do výrezu používateľa. Pozrite sa na demo.

Tabler

Elegantný panel Dashboard / Admin založené na Bootstrap 4. Prístrojová doska obsahuje vopred pripravené komponenty, ako sú grafy, formuláre, galérie, cenový stôl a príjemné zbierka vlastných ikon. Skvelý východiskový bod, ktorý umožňuje vývojárom rýchlo vytvoriť správcovský panel. Pozrite sa na demo!

DayJS

DayJS Knižnicu JavaScript na formátovanie dátumov a časov. A ešte viac, DayJS obsahuje podobné API do Moment.js, ale je to len hmotnosť 2Kb veľkosti. Vzhľadom k tomu, že by to mohlo byť skvelá alternatíva k Moment.js, ak by ste chceli, aby sa ľahšia knižnica aj naďalej oboznámila s tým, čo ste už poznali.

UnifiedArchive

Knižnica PHP na spracovanie komprimovaných súborov podporuje UnifiedArchive širokú škálu formátov vrátane RAR, Zip, Gzip, Tar, a mnoho ďalších typov kompresie. Pomocou tejto knižnice môžete archivovať a extrahovať súbory alebo adresáre. Poskytuje a niekoľko rozhraní API na manipuláciu so súbormi po jeho extrahovaní z archívu. UnifiedArchive je k dispozícii ako balík Composer.

Github Learning Lab

Github práve oznámil a bezplatný kurz zahŕňajúci predovšetkým Git v meste Github. V súčasnosti je 5 kurzov, kde sa môžete naučiť niekoľko praktických vecí, ako napríklad ako používať Github na uloženie kódov, ako používať stránky Github získať bezplatné stránky alebo blog pre váš projekt a ako spravovať konfliktov zlúčenia, ktoré sa vyskytujú spoločne pri práci s mnohými vývojármi na projekte.

WordPress UnitTest DOM Parser

Pekný tip od Takayuki Miyauchiho testovanie DOMElement pri vykonávaní UnitTest v aplikáciách WordPress. Osobne som to našiel veľmi užitočne; dúfajme, že to bude rovnaké.

Popmotion

Knižnica jazyka JavaScript pre hladkú animáciu na webe, “Popmotion” poskytuje rozhranie API s názvom Fyzika, ktoré vám umožňuje vytvoriť efekt animácie v reálnom čase. Je neopotrebovaný; knižnica jednoducho výstupy založené na špecifickej sade konfigurácie. To vám umožňuje použiť tieto výstupy na animáciu akéhokoľvek média vrátane CSS, SVG, Three.js a dokonca aj React.js.

Driver.js

Knižnica JavaScript, ktorá vám umožňuje “pohon” zameranie používateľa na stránku. To je obzvlášť užitočné, ak chcete uviesť konkrétne funkcie alebo ich nasmerovať na konkrétne úlohy na stránke. Driver.js je jednoduchý Veľkosť 4 KB, prispôsobiteľná a vhodná pre klávesnicu.

Nahraďte animovaný GIF pomocou videa

GIF je všade, po tom, čo sa skvele vráti. Problémom o GIF je však to, že je zvyčajne veľmi obrovský. Je to strata šírky pásma, ale grafická kvalita je často strašná. toto usmernenie od spoločnosti Google ukazuje ako “video” môže nahradiť GIF na zobrazenie animovanej grafiky.

Textová maska

Knižnica JavaScript premeniť text, ktorý vyžaduje špeciálne formátovanie napríklad telefónne číslo, mena alebo číslo kreditnej karty. Keď užívateľ napíše text, automaticky sa premení na príslušné formátovanie, čím sa zlepší používateľský zážitok. TextMask môže byť použitý s React, Vue alebo jednoducho starý JavaScript.

Porovnať rýchlosť mobilného webu

To je ďalší užitočný nástroj od spoločnosti Google. Tento nástroj vám umožní skontrolujte rýchlosť vašich webových stránok pri načítaní z mobilných zariadení a odhadnúť celkovú stratu príjmov, keď sa webové stránky načítajú pomaly. Môžeš vyberte krajinu a rýchlosť z ktorých bude vaša webová stránka testovaná.

VueNut

Sprievodca vývoja pri vytváraní webovej aplikácie s Vue.js a Vuex, VueNut to robí ľahšie preskúmať uložený stav údajov a umožňuje ľahko manipulovať s údajmi počas vývoja. Dobré veci!

FoundationDB

Nedávno Apple vyrobil FoundationDB open source v spoločnosti Github. Je to databázový systém kľúč-hodnota páru čo sľubuje škálovateľnosť a výkonnosť. Je skvelé mať veľké tech spoločnosti, ktoré sa začínajú venovať open source niektorým svojim produktom.

rozprávkových kníh

StoryBooks je nástroj pre vybudovať samostatne komponent React. Poskytuje používateľské rozhranie v prehliadači, ktoré umožňuje zobraziť rôzne stavy každej súčasti, ako aj testovanie komponentov.

GhostText

Rozšírenie prehliadača, ktoré bude synchronizovať to, čo píšete do prehliadača, do vášho textového editora alebo naopak. Zistil som, že je to nakoniec užitočné, ak by ste chceli písať na webových stránkach s pohodlím a funkciami vášho editora kódu. GhostText je k dispozícii pre prehliadače Chrome, Firefox a Opera.

Coal

Coala je a CLI poskytuje rozhranie na linting a fixáciu kódu bez ohľadu na použitý jazyk. Môžete použiť Coala v rámci editora kódu, integrovať ho s funkciou CI (Continuous Integration) a prispôsobiť ju syntaxiou konfigurácie .coafile. Coala podporuje mnoho jazykov, ako je CSS, JavaScript, PHP a môžete nájsť viac v tomto adresári.

ReactStrap

ReactStrap je zbierka komponentov Bootstrap 4 transformovaných do opätovne použiteľných komponentov React. Ak chcete modernizovať svoju starú webovú lokalitu založenú na platforme Bootstrap, táto knižnica je niečo, na čo by ste sa chceli pozrieť.

React

Ďalším nástrojom súvisiacim s Reactom je Reacto IDE postavený na vrchole Electron a navrhnutý pre vývoj webových aplikácií s ReactJS. To vyzerá naozaj dobre, ak sa váš vývoj primárne otáča okolo ReactJS.

PicoJS

Knižnica JavaScript, ktorá umožňuje detekciu tváre. Pracuje so statickou fotografiou alebo integrovanou kamerou. Je to naozaj fascinujúce, ako sa webové technológie vyvíjajú v posledných rokoch.