Čerstvé zdroje pre návrhárov webových stránok a vývojárov (júl 2017)

Čas letí a my sme teraz v polovici roku 2017. V tomto mesiaci sme mali rad skvelých knižníc JavaScript a niekoľko ďalších, ako je plugin, ktorý umožňuje GraphQL v aplikácii WordPress, desktopovú aplikáciu na vykresľovanie údajov CSV a niekoľko webových stránok rámca. Pozrime sa na to.

HeroPatterns

Zbierka súborov opakovateľný vzor vytvorený pomocou SVG ktoré môžete použiť ako pozadie na vašich webových stránkach. Stránka je vybavená praktickým nastavením upravte farbu a nepriehľadnosť vzoru a umožňuje jednoducho skopírovať a prilepiť kód, ktorý chcete pridať do svojho CSS.

TestCafe

TestCafe je end-to-end (e2e) testovací nástroj ktorý vám umožní otestovať webové stránky a webové aplikácie, ako keby ich používali skutoční používatelia. Automatizuje niekoľko vecí pri vykonávaní testu vrátane spustenie prehliadačov, spustenie špecifikovanej testovacej jednotky, generovanie prehľadov, screenshoty, rovnako ako sourcemap na riešenie problémov s ľahkosťou.

SugarJS

SugarJS je knižnica JavaScript manipulovať s objektmi, poliami a dátumami s peknejšou a čitateľnejšou syntaxou. Knižnica tiež prichádza s niekoľkými užitočnými funkciami, .escapeHTML () ktorý bude previesť prvky HTML do formátu entít.

PANI

Šikovná knižnica JavaScript čas, počet a pravidelný reťazec na milisekundy. ms ("2 dni"), napríklad bude konvertované na 172800000.

PA11

Skvelá zbierka nástrojov na pomoc zlepšiť dostupnosť na vašich webových stránkach a webové aplikácie. pa11y obsahuje CLI na testovanie akýchkoľvek webových stránok na akékoľvek problémy s prístupom, a Informačný panel zobrazujúci generované hlásenia chýb a upozornení, a CLI, ktorý je špeciálne navrhnutý pre nástroj CI ako Codeship alebo Travis.

Feather ikony

zbierka ikon s moderným prostredím. Tieto ikony sú perfektne vhodné pre webové stránky a aplikácie určené pre akékoľvek platformy (iOS, Windows alebo Ubuntu). Prišli ikony SVG, ako aj v častiach React a Angular.

Reagujte na let

Modul Reakt vytvoriť kompozíciu animácie vo vašej aplikácii. Knižnica je inšpirovaná princípom náčrtu, v ktorom môžete pridá interaktivitu k zložke používateľského rozhrania rýchlo a ľahko.

BounceJS

Knižnica do vytvárať animácie s efektom odrazu. Animácia je napájaná pomocou CSS3 a niekoľkých prednastavených animácií. Knižnicu JavaScript môžete nainštalovať pomocou npm, bower alebo jednoducho skopírujte animáciu CSS generované na webovej stránke.

bojler

Bojler je mail rámca s usmernením pre písanie kódu HTML ktoré sa budú správne zobrazovať na väčšine obľúbených poštových klientov. Viac e-mailových rámcov nájdete v našom predchádzajúcom príspevku.

Devicon

Zbierka súborov ikony programovacích jazykov, navrhovanie a vývojové nástroje. Ikony sú k dispozícii vo formáte SVG a písma. Niektoré konkrétne ikony ako Firefox, AWS a HTML5 tiež obsahujú svoje podrobné varianty. Docela v poriadku?

Teraz UI Kit

Rozhranie reagujúce na kolekciu založené na Bootstrap 4. To obsahuje 50 prvkov a 3 vlastné šablóny. Okrem verzie HTML je užívateľské rozhranie poskytované aj vo formátoch PSD a Sketch.

T-Vyberte

T-Scroll je a Knižnica JavaScript pre aplikáciu animácie keď je prvok viditeľný v pohľade. Je vybavený niekoľkými možnosťami a prednastavenými animáciami.

Ory Editor

ORY je moderný a prístupnejší webový editor na webe. Editor ORY je postavený na vrchole React a Flux. Uľahčuje editáciu tým, že používateľom umožňuje upravovať obsah a ihneď vidieť výsledok bez toho, aby ste museli poznať špeciálne syntaxy ako HTML alebo Markdown.

TadViewer

TadViewer je šikovný na zobrazenie CSV a funguje na veľkých dátách a súboroch. Aplikácia je dostupná v systémoch MacOS, Windows a Linux.

Smooth Scroll Polyfill

Hladké posúvanie sa ukázalo ako príjemnejšie používateľské prostredie. Teraz je navrhovaná a navrhnutá vo W3C. V súčasnosti funguje iba v prehliadačoch Chrome, Firefox a Opera. Použite túto knižnicu napodobňovať správanie v programe Internet Explorer a Safari.

Nie ďakujem

Knižnica JavaScript na zobrazenie upozornení, Hudba vám uľahčuje zobrazenie hlásenia Alarg, Úspech, Chyba, Varovania, Informácie alebo dialógu. Môže sa použiť spolu s animačnou knižnicou ako mo.js a bounce.js aby sa upozornenie vnieslo a vybralo elegantne.

peklo

Hopscotch je open-source projekt inštancovaný spoločnosťou LinkedIn. Je to rámec, ktorý uľahčuje vývojárom pridávanie produktových zájazdov. Pozrite sa na demo pre živý príklad a rozhranie API.

SurveyJS

SurveyJS je ďalšou skvelou knižnicou JavaScript. Ako naznačuje názov, je to určené na vytváranie prieskumných vstupov. Obsahuje rôzne typy vstupov na vyplnenie odpovedí a bol tiež portovaný do niekoľkých populárnych javascriptových rámcov vrátane AngularJS, VueJS a React.

WP GraphQL

GraphQL je na vzostupe a môže byť a silný uchádzač nahradiť architektúru REST ktorý ovláda takmer všetky webové API. Toto je plugin, ktorý vám umožní stiahnite svoj obsah WordPress pomocou GraphQL. Tu je skvelý odkaz na to, ako sa REST a GraphQL navzájom líšia.

Monako Editor

Monako Editor je editor, ktorý právomoci Visual Code Editor. Je postavený spoločnosťou Microsoft a podporuje niekoľko jazykov mimo škatule vrátane HTML, CSS, LESS, CoffeeScript a PHP spolu s Intellisense, ktorý vám pomôže napísať kód rýchlejšie.