Domovská » Webový design » Nové zdroje pro webové designéry a vývojáře (červenec 2017)

    Nové zdroje pro webové designéry a vývojáře (červenec 2017)

    Čas letí a my jsme nyní v polovině roku 2017. V tomto měsíčním splátku máme celou řadu skvělých knihoven JavaScriptu a několik dalších, jako je plugin umožňující GraphQL v aplikaci WordPress, desktopové aplikace pro vykreslování dat ve formátu CSV a několik webových stránek rámců. Podívejme se na ně.

    HeroPatterns

    Kolekce opakovatelný vzor s SVG můžete použít jako pozadí na svých webových stránkách. Místo je vybaveno praktickým nastavením přizpůsobit barvu a neprůhlednost vzoru a umožňuje jednoduše zkopírovat a vložit kód, který chcete přidat do CSS.

    TestCafe

    TestCafe je end-to-end (e2e) testovací nástroj který vám umožní otestovat vaše webové stránky a webové aplikace tak, jako by byly používány skutečnými uživateli. To bude automatizovat několik věcí při provádění testu, včetně spuštění prohlížečů, spuštění zadané testovací jednotky, generování sestav, Snímky obrazovky, stejně jako řešení problémů, které lze snadno odstranit.

    SugarJS

    SugarJS je knihovna jazyka JavaScript manipulovat s objekty, poli a daty s hezčí a čitelnější syntaxí. Knihovna také přichází s několika funkcemi, například, .escapeHTML () který bude převést prvky HTML do formátu Entity.

    SLEČNA

    Praktická knihovna JavaScript otočit čas, číslo a pravidelný řetězec na milisekundy. ms („2 dny“), například budou převedeny na 172800000.

    pa11y

    Velká sbírka nástrojů na pomoc zlepšit dostupnost na vašich webových stránkách a webové aplikace. pa11y se skládá z CLI pro testování jakýchkoliv webových stránek pro případné problémy s přístupností, a Panel zobrazuje generované zprávy o chybách a varováních, a CLI, který je speciálně navržen pro nástroj CI, jako je Codeship nebo Travis.

    Ikony Peří

    A kolekce ikon s moderní atmosféru. Tyto ikony jsou ideální pro webové stránky a aplikace určené pro všechny platformy (iOS, Windows nebo Ubuntu). Ikony přicházejí SVG stejně jako komponenty React a Angular.

    Reagovat let

    Reagovat na modul sestavení animace ve vaší aplikaci. Knihovna je inspirována principem Skica, ve kterém můžete přidat interaktivitu do komponenty uživatelského rozhraní rychle a snadno.

    BounceJS

    Knihovna vytvářet animace s efektem odrazu. Animace je poháněna CSS3 a množstvím přednastavených animací. Knihovnu JavaScript můžete nainstalovat prostřednictvím npm, bower nebo jednoduše zkopírujte CSS animaci generovány na webových stránkách.

    Bojler

    Bojler je e-mailový rámec s pokyny pro psaní HTML kódu , které se budou zobrazovat na většině oblíbených poštovních klientů. Další rámce e-mailů naleznete v našem předchozím příspěvku.

    Devicon

    Kolekce ikony programovacích jazyků, navrhování a vývojové nástroje. Ikony jsou dostupné ve formátu SVG a Font. Některé zvláštní Ikony jako Firefox, AWS a HTML5 také přicházejí s jejich podrobnými variantami. Docela v pohodě?

    Nyní UI Kit

    Rozhraní citlivé na sbírku založené na Bootstrap 4. It obsahuje 50 prvků a 3 vlastní šablony. Kromě verze HTML je uživatelské rozhraní také k dispozici ve formátech PSD a Sketch.

    T-Scroll

    T-Scroll je a JavaScript knihovna pro použití animace když je prvek viditelný ve výřezu. Je vybaven několika možnostmi a přednastavenými animacemi.

    Ory Editor

    ORY je moderní a přístupnější webový editor na webu. Editor ORY je postavený na vrcholu React a Flux. Umožňuje snadnou editaci tím, že umožňuje uživatelům upravovat obsah a okamžitě vidět výsledek bez nutnosti znát speciální syntaxe jako HTML nebo Markdown.

    TadViewer

    TadViewer je šikovný desktopové aplikace pro zobrazení CSV a pracuje s velkými daty a soubory. Aplikace je k dispozici v systémech MacOS, Windows a Linux.

    Smooth Scroll Polyfill

    Smooth Scrolling se osvědčil jako uživatelsky příjemnější zážitek. Nyní je oficiálně navržen a navržen ve W3C. V současné době pracuje pouze v prohlížeči Chrome, Firefox a Opera. Použít tuto knihovnu emulovat chování plynulého posouvání v aplikaci Internet Explorer a Safari.

    Noty

    Knihovna JavaScriptu pro zobrazení oznámení, Noty usnadňuje zobrazení Alart, úspěchu, chyby, varování, informací nebo dialogové zprávy. Lze jej použít spolu s knihovnou animací, jako je mo.js a bounce.js aby se oznámení posunulo dovnitř a ven elegantně.

    Peklo

    Peklo je open-source projekt vytvořený na LinkedIn. Je to rámec, který vývojářům usnadňuje přidávání produktových prohlídek. Podívejte se na ukázku živého příkladu a rozhraní API.

    SurveyJS

    SurveyJS je další úžasná knihovna JavaScript. Jak název napovídá, je to vytvořené pro tvorbu vstupů z průzkumů. Obsahuje různé typy vstupů pro vyplnění dotazníků a byl také portován na několik populárních JavaScript frameworků včetně AngularJS, VueJS a React.

    WP GraphQL

    GraphQL je na vzestupu a může být silného kandidáta na nahrazení architektury REST která ovládá téměř všechna webová rozhraní API. Jedná se o plugin, který vám umožní získat obsah WordPressu pomocí GraphQL. Zde je velký odkaz na to, jak se liší REST a GraphQL.

    Monako Editor

    Editor je Monaco editor oprávnění Visual Code Editor. To je postaveno společností Microsoft a podporuje několik jazyků z krabice, včetně HTML, CSS, LESS, CoffeeScript a PHP spolu s Intellisense, které vám pomůže psát kód rychleji.