Nové zdroje pro webové designéry a vývojáře (duben 2018)

Tento měsíc jsme viděli několik oznámení z významných jmen v tech. Například Apple otevřel nový databázový systém, společnost Google vydala nový nástroj pro měření rychlosti webových stránek na mobilu a Github s volným kurzem, který vám umožní začít s Git, Github a kódováním obecně..

Také v dnešním příspěvku budu také řadu nových nástrojů, které jsou v současné době na vzestupu. Pojďme skočit do toho, co máme na seznamu více.

VuePress

Nový nástroj od tvůrce Vue, VuePress je generátor statických stránek s ohledem na Vue.js. Generuje a předkresluje statické HTML pro každou stránku a běží jako SPA (jednostránková aplikace). Dodává se s některými funkcemi, které jsou k dispozici, včetně možnosti přidávat ID služby Google Analytics, vyhledávat, navigovat dále a používat navigaci, postranní panel a PWA.

IMG-2

Knihovna JavaScript, která zavádí a vlastní prvek, img-2. Nový prvek přidává řadu optimalizací, které nejsou součástí standardu img živel, zlepšování způsobu načítání obrazu pro uživatele. S vlastním prvkem bude obraz předběžně uložen do mezipaměti líný náklad Obrázky budou sloužit a budou sloužit z mezipaměti pouze v okamžiku, kdy obrázky vstoupí do výřezu uživatele. Podívejte se na demo.

Tabler

Elegantní panel Dashboard / Admin Panel založené na Bootstrapu 4. Přístrojová deska obsahuje předem připravené komponenty, jako jsou grafy, formuláře, galerie, cenová tabulka a pěkné kolekce vlastních ikon. Skvělý výchozí bod, který umožňuje vývojářům rychle vytvořit Admin Panel. Podívejte se na demo!

DayJS

DayJS JavaScript knihovna formátovat data a časy. Ještě více, DayJS obsahuje podobné API jako Moment.js, ale je to jen váha 2Kb. Vzhledem k tomu by to mohlo být skvělá alternativa k Moment.js, pokud byste chtěli lehčí knihovnu, ale zachovali si obeznámenost s tím, co jste již znali.

UnifiedArchive

Knihovna PHP pro práci s komprimovanými soubory, UnifiedArchive podporuje širokou škálu formátů včetně RAR, Zip, Gzip, Tar, a mnoho dalších typů komprese. Pomocí této knihovny můžete archivovat a extrahovat soubory nebo adresáře. Poskytuje a několik API pro manipulaci se soubory poté, co byl extrahován z archivu. UnifiedArchive je k dispozici jako balíček Composer.

Učební laboratoř Github

Github právě oznámil a volný kurz pokrývat primárně Git v Github. V okamžiku, kdy se můžete dozvědět pár užitečných věcí, jako je například, je k dispozici 5 kurzů jak používat Github hostit vaše kódy, jak používat stránky Github získat bezplatný web nebo blog pro svůj projekt a spravovat konflikty slučování, ke kterým dochází při práci s mnoha vývojáři na projektu.

WordPress UnitTest DOM Parser

Pěkný tip od Takayuki Miyauchi na testování DOMElement při provádění UnitTest v aplikacích WordPress. Osobně jsem to považoval za velmi užitečné; Doufám, že to najdete stejně.

Popmotion

Knihovna JavaScriptu pro hladké animace na webu, “Popmotion” poskytuje rozhraní API nazvané Fyzika, které vám umožní vytvářet animace s téměř real-life efekty. Je to neotřelé; jednoduše výstupy na základě specifické sady konfigurace. To vám umožní použít tyto výstupy k animaci jakéhokoliv média včetně CSS, SVG, Three.js a dokonce i React.js.

Driver.js

Knihovna JavaScript, která vám umožní “řídit” zaměření uživatele na stránku. To je užitečné zejména v případě, že chcete představit určité funkce nebo je navést na konkrétní úkoly na stránce. Driver.js je prostě 4 KB ve velikosti, přizpůsobitelné a klávesnice-přátelský.

Nahrazte animovaný soubor GIF videem

GIF je všude, poté co se vrátil. Ale problém o GIF je, že je to obvykle velmi obrovské. Je to ztráta šířky pásma, ale grafická kvalita je často hrozná. Tento pokyny společnosti Google ukazují, jak “Video” může nahradit GIF pro zobrazení animované grafiky.

Textová maska

Knihovna JavaScript transformovat text, který vyžaduje speciální formátování telefonní číslo, měna nebo číslo kreditní karty. Vzhledem k tomu, že uživatel zadává text, bude automaticky transformován do příslušného formátování, což zlepší uživatelský komfort. Textová maska lze použít s React, Vue, nebo jen prostým starým JavaScriptem.

Porovnejte rychlost mobilních stránek

To je další užitečný nástroj od společnosti Google. Tento nástroj vám umožní při načítání z mobilu zkontrolujte rychlost svých webových stránek a odhadnout celkovou ztrátu příjmů, když se webové stránky načítají pomalu. Můžeš zvolte zemi a rychlost proti kterému budou vaše webové stránky testovány.

VueNut

VueNut je vývojovým společníkem při vytváření webové aplikace s Vue.js a Vuex snadněji prozkoumat uložený stav dat a umožňuje snadnou manipulaci s daty během vývoje. Cool věci!

FoundationDB

Nedávno Apple dělal FoundationDB otevřený zdroj v Github. To je databázový systém párování klíč – hodnota který slibuje škálovatelnost a výkon. Je skvělé mít velké technologické společnosti, které začínají věnovat open source některým ze svých produktů.

Knihy příběhů

StoryBooks je nástroj sestavit komponentu React v izolaci. Poskytuje uživatelské rozhraní v prohlížeči, které umožňuje zobrazit různé stavy jednotlivých komponent a také testovat komponenty.

GhostText

Rozšíření prohlížeče synchronizujte to, co píšete v prohlížeči do textového editoru nebo naopak. Zjistil jsem, že je to užitečné, pokud byste chtěli psát na webové stránky s pohodlím a funkcemi editoru kódu. GhostText je k dispozici pro Chrome, Firefox a Opera.

Coala

Coala je CLI poskytuje rozhraní pro linování a fixaci kódu bez ohledu na použité jazyky. Coala můžete použít v editoru kódů, integrovat s CI (Continuous Integration) a přizpůsobit ho konfigurační syntaxí .coafile. Coala podporuje mnoho jazyků, jako je CSS, JavaScript, PHP, a můžete najít více v tomto adresáři.

ReactStrap

ReactStrap je kolekce komponent Bootstrap 4 transformovaných do opakovaně použitelných komponent React. Pokud chcete modernizovat svou starou webovou stránku založenou na Bootstrapu, tato knihovna je něco, na co se můžete podívat.

Reacto

Reacto je další nástroj související s Reactem IDE postavený na vrcholu Electron a určený pro vývoj webových aplikací s ReactJS. To vypadá opravdu šikovně, pokud se váš primární vývoj otáčí kolem ReactJS.

PicoJS

Knihovna JavaScript, která umožňuje detekci obličeje. Pracuje se statickou fotografií nebo z integrované kamery. Je to opravdu fascinující, jak se webová technologie vyvíjí v posledních letech.