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

Séria Fresh Resouces for Web Developers má beží asi 4 roky, a udržiavanie tejto série mi veľmi poskytlo prehľad o tom, ako web postupuje v priebehu rokov. Existujú nové nástroje prichádzajú každý mesiac na uľahčenie vývoja webu.

V tejto splátke sme zhromaždili niekoľko nových nástrojov, ktoré obsahujú aj knižnice JavaScriptu, niekoľko knižníc CSS a odkaz zlepšiť svoju zručnosť. Pozrime sa na to.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

titulok

JavaScript je preberanie aplikácií pre počítače pre prenosnosť na rôznych platformách, rovnako ako práca rovnako dobrá ako natívna aplikácia. Táto aplikácia, titulok, napríklad je postavený na vrchole Electron. Jedná sa o jednoduchú aplikáciu, ktorá vám umožňuje vyhľadávať súbory titulkov (.srt), ktorá sa pripojí k videu, ktoré sledujete.

Skvelý príkazový riadok OSX

obrovský zoznam užitočných a šikovných príkazových riadkov pre systém MacOS. Tu nájdete veľa vecí, ktoré je možné vykonať prostredníctvom služby CLI, napríklad “vymazanie tlačovej fronty”, “skrytie priečinka vo vyhľadávači”, a “zabránenie spánku systému”.

Trevor

Trevor je to jednoducho Travis CI v režime offline. Služba Travis je služba kontinuálnej integrácie kde vývojári testujú svoj softvér či softvér funguje správne v rôznych prostrediach. Trevor je stále v počiatočnej fáze; v súčasnosti podporuje iba “NodeJS”.

progresívne

Skvelý JavaScript v knižnici, aby ste postupne nahrali obrázok, teda meno. Malý obrázok sa zobrazí a rozmazaný, keď prehliadač načíta celý obrázok. toto pomáha vaše webové stránky načítať oveľa rýchlejšie najmä ak obsahuje veľké obrázky.

QartJS

Toto je JavaScript QR kód je menej nudný. Týmto môžete prekryť kód QR nad obrázok - napríklad vašu fotografiu.

WP Docker

WP Docker je a Docker prostredie navrhnuté špeciálne pre vývoj WordPress. Prostredie je samostatné a neovplyvní váš počítačový systém v prípade, že ste vykonali konfiguráciu. Je to skvelá alternatíva k Vagrant, Valet, Local a MAMP.

Rellax

Rellax je knižnica JavaScript vytvorte efekt Parallax na posúvaní stránky. Dodáva sa s niekoľkými možnosťami a relatívne ľahko konfigurovateľné. Je ľahký, beží super rýchlo a nevyžaduje žiadnu závislosť ako jQuery preto je to skvelá alternatíva k iným knižniciam v tejto kategórii, ako napríklad Parallax.js alebo Scrollax.js.

formulovať

Ešte jedna skvelá knižnica JavaScript. Articulate prináša syntetický na vaše webové stránky. to je schopný analyzovať a prečítať vaše webové stránky, nakoniec môže zlepšiť prístupnosť webových stránok pre používateľov s obmedzenou viditeľnosťou.

MonetizeJS

MonetizeJS je knižnica JavaScript implementovať Stripe ľahko; rovnako jednoduché ako pomocou jQuery.

voňajúce

voňajúce je kolekcia užívateľského rozhrania pre mobilné postavené pomocou Vue.js a Ionic CSS. Obsahuje veľa používateľských komponentov, ktoré sa bežne nachádzajú v mobilnom telefóne, vrátane Zaškrtávacie políčko, Vyhľadávací formulár, Swiper a tzv. Accordion. Môžete použiť na vytvorenie aplikácie pre mobilnú aplikáciu prototyp priamo v prehliadači.

Knižnica komponentov WordPress

10up, jeden z popredných mien v programe WordPress, vydal knižnicu UI navrhnutú konkrétne pre WordPress. Na rozdiel od inej knižnice UI, ktorá poskytuje iba kódy CSS a HTML, 10Up tiež poskytuje útržok kódu PHP, ktorý môžete jednoducho vložiť do vašej témy. Komponent obsahuje Navigácia, Záložky, Tooltips, Commonts a Blogrol.

Funkcia spustenia JavaScript

Skvelý a podrobné články od Addy Osmaniovej, jeden z inžinierov spoločnosti Google, ako písať JavaScript, ktorý beží veľmi rýchlo. Odporúčam vám, aby ste si ju prečítali zvyšujte svoje zručnosti JavaScript.

KuteJS

Kute je a Knižnica JavaScript na vykonávanie animácie. Je rýchla a super účinná pri spotrebe pamäte. Má rozšírenia a ďalšie nástroje, ktoré umožnia použiť animáciu v systéme Windows CSS, SVG a dokonca aj doplnok jQuery pre pohodlnejšiu syntax.

PWA Rocks

Progresívna webová aplikácia (PWA) je metodika, ktorá umožňuje webové stránky bežať rýchlo a použiteľné v režime offline. Toto PWA Rocks obsahuje zoznam, ktorý bol schválený spoločnosťou Google ako PWA. na dozviete sa viac o službe PWA od spoločnosti Google pozrite sa na: Progresívne webové aplikácie.

Github Auto-updater

Github Auto-Updater je Knižnica skladateľov, ktorá umožňuje aktualizáciu doplnku od spoločnosti Github. Jedná sa o praktický skript pre vývojárov na udržanie doplnkov pre svojich klientov bez nevyhnutne ho odovzdávať do úložiska spoločnosti Github.

karta

Karta je knižnica JavaScript , čo spôsobuje, že vstup kreditnej karty je príťažlivejší a zlepšuje používateľskú skúsenosť pri zadávaní čísel kreditných kariet. to funguje dobre s jQuery, React, Angular a Ember.

Graaf

Graaf zaistite prekrytie stránky, aby ste zistili, ako je rozložená mriežka - stĺpec, riadok, žliabok. Môžete tiež vytvorte si vlastnú špecifikáciu siete pomocou poskytnutého rozhrania API.

Luxbar

Luxbar je a CSS, aby sa ľahko vytvorila rýchla navigácia; jednoducho pridajte štýl a pridajte HTML správne. Túto knižnicu môžete nainštalovať NPM, Bower alebo prepojte šablónu so štýlmi priamo z CDN.

Kontrastná mriežka

Zoznam tabuľka zobrazuje farebný kontrast a stupeň prístupnosti založený na WCAG 2.0. Môžete zmeniť hodnotu v tabuľke a rýchlo zistiť, či je farebná kombinácia v súlade s normou WCAG.

ToneJS

ToneJS je knižnica JavaScript vytvorte tón alebo zvuk, ktorý môže prísť z hudobného nástroja. Myslím, že táto knižnica príde vhod pre budovanie webového emulátora hudobných nástrojov alebo herné zvukové efekty.