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

Júl je mesiac, ktorý prináša výšku leta a tak pre tohtoročnú dávku čerstvých zdrojov, máme nejaké horúce nové nástroje od niektorých dobre zavedených, rovnako ako začínajúcich vývojárov.

Zoznam obsahuje pomerne zaujímavú zmes nástrojov od knižnice Sketch od komunity WordPress, ktorá vám umožní vytvoriť prototyp rozhrania WordPress, niekoľko nástroje rozšírenia React.js a Vue.js, a niekoľko odkazov na zvýšenie vašich rozvojových zručností. Pozrime sa na to.

WPRIG

All-in-one starter WordPress tému, ktorú vytvoril Morten Rand-Hendriksenand, je vybavený a vytvoriť prednastavený proces pomocou moderných nástrojov ako Gulp, Babel, ESLint a Visual Studio Code integration. To vám pomôže vytvoriť skvelú WP tému bez problémov s konfiguráciou okolitých vývojových nástrojov.

VueNative

Rámec založený na platforme Vue.js na vybudovanie mobilnej aplikácie s viacerými platformami, ktorá vám umožní napísať váš kód pomocou špecifikácie Vue.js. Nástroj bude skompilujte ho na React Native a urobte si kúzelnú prácu pre vás za scénou vue natívne CLI. Ak už viete s Vue.js, môže to byť a vhodný rámec na vybudovanie mobilnej aplikácie.

SketchPress

Ľudia z 10-násobku práve vydali SketchPress, ktorý je a Skicka šablóna pre rýchle vytváranie WordPress admin rozhrania mockups a návrhy. Je vybavený bežným administrátorským rozhraním, ako je primárne tlačidlo, panel menu, dashicons, metabox atď. SketchPress je skvelý sprievodný nástroj pre vývojárov WordPress, aby zarovnali doplnok a tému Nastavenia alebo Možnosti stránky s administrátorom programu WordPress.

Dóczy

Docz je a generátor dokumentácie založený na MDX ktorý bol uvedený v poslednom kole tejto série. Tento nástroj vám umožní importovať a zahrnúť vlastný kompenent JSX do mixu so syntaxou Markdown, rovnako ako písanie dokumentu JSX.

animist

Animácia CSS prináša web do života. Avšak nie je vždy ľahké zostavovať animáciu CSS vzhľadom na predpony prehliadača pre kompatibilitu, parametre a časový rámec animácie. Program Animasta uľahčuje generovanie kódu pre vás. Môžeš nakonfigurujte animáciu v užívateľsky prívetivom rozhraní, odkiaľ môžete jednoducho skopírovať kód.

GridToFlex

Niekoľko príkladov spoločného rozloženia webových stránok postavených pomocou natívnej CSS Grid a používanie Flexboxu ako záložnej stránky pre prehliadač, ktorý ho ešte nepodporuje. Pozrite si náš príspevok: Úvod do modulu CSS Grid Layout.

RatioBuddy

Pekný nástroj pre vytvorte rámček s CSS s definovaným pomerom, napríklad, 1: 1, 3: 4, atď. Tento nástroj vygeneruje kód vo formáte SCSS na kopírovanie.

Ako na GraphQL

GraphQL je alternatíva k dátovej štruktúre REST a ako GraphQL je a komplexný zdroj informácií. Je oveľa efektívnejší ako REST, pretože len vytiahne požadované údaje, čím znižuje množstvo zaťaženia a prenos dát.

Ukážka histórie

Jednoduchý doplnok programu WordPress, ktorý zobrazuje históriu aktivity vykonávanej v ovládacom paneli aplikácie WordPress. Podporuje natívnu aktivitu programu WordPress, napríklad keď používateľ vytvára príspevky a stránky, prihlasuje sa a aktivuje alebo deaktivuje ďalšie doplnky. To môže tiež sledovať aktivitu iných pluginov vrátane rozšírených vlastných polí (ACF) a prepínania používateľov. Tento skvelý doplnok na sledovanie internej aktivity vašich stránok.

Transfer.sh

to je a šikovný nástroj na zdieľanie súborov prostredníctvom príkazu Shell. Môžete nahrať ľubovoľný typ súboru až do 10 GB. Podporuje tiež šifrovanie súborov. A spomenul som, že je úplne zadarmo?

FB Sonar

Nástroj na ladenie mobilných aplikácií pre iOS a Android. Aplikácia je vybavená niektorými nástrojmi pre a pohodlné ladenie ako napríklad prehliadač denníkov, inšpektor interaktívneho rozloženia a sieťový inšpektor. Ak to nestačí, môžete vytvoriť doplnok na rozšírenie aplikácie s funkciami, ktoré potrebujete.

JSUI

Táto aplikácia je vybavená množstvom nástrojov, ktoré vám umožnia lepšie usporiadať vaše projekty. Môžeš vytvoriť skupinu, vytvoriť nový projekt pomocou niektorých populárnych projektov ako React, Vue a Angular, nainštalujte závislosť projektu, spustite server Node.js a oveľa viac. Skvelá aplikácia pre tých, ktorí spravujú desiatky projektov.

BrainMonkey

Jednotka PHP testovanie nástroj navrhnutý s niektorými špecifickými nástrojmi pre WordPress. Poskytuje nástroje, ktoré umožňujú falošný PHP funkcie. To tiež poskytuje sadu nástrojov z krabice na riešenie niektorých funkcií WordPress, ako je ADD_ACTION remove_action aby sme vymenovali niekoľko, ktoré sú všeobecne chúlostivý Testovať.

fractal

Fractal bol navrhnutý tak, aby bol centrálnym dokumentačným nástrojom pre vývojárov v rámci tímu, ktorý by sa mohol odvolávať, keď je potrebné integrovať komponent do projektu. Umožňuje to integrovať útržok kódu, zobrazovať náhľady, dokumentáciu, poznámky, atď. každej zložky.

Ant Design Pro

“AntDesign” je jedným z populárnych používateľských rozhraní založených na React.js a to je jeho “pre” verzia určená pre podnikovú aplikáciu. Obsahuje niekoľko ďalších komponentov, ktoré nie sú v bežnom balíku AntDesign, ako napríklad AvatarList, HeaderSearch a TagSelect.

Tento rámec má tiež zabudované vývojové nástroje, ako je nástroj Build, Test Suite a nasadenie takže môžete okamžite pracovať na vašom kóde, než aby ste stratili čas na konfiguráciu pracovného postupu.

LuminJS

Je to super drobné Knižnicu JavaScript na zvýraznenie textu na vašich webových stránkach. Funguje bezchybne s komplexnou DOM štruktúrou a je programovateľný v tom, že môžete nastaviť rýchlosť, styling a animáciu.

výzvy

Šikovný NPM balík na vytvorenie interaktívneho CLI pomocou Node.js. Podporuje základné výzvy, viaceré možnosti, dynamické výzvy a mnoho typov vstupov, ako je heslo, text, číslo a e-mail atď.

vnímanie

Cool WordPress plugin, ktorý by zlepšiť vyhľadávanie knižníc WordPress Media Library klasifikáciou obrázkov pomocou rozhrania Google Cloud Vision API. Napríklad ak ste odovzdali súbor a “vták” obrázok môžete vyhľadávať pomocou kľúčového slova “vták” či je alebo nie je kľúčové slovo zahrnuté do názvu obrázku, názvu súboru alebo meta údajov.

DevTube

Zbierka súborov videá, stiahnuté z Youtube, niekoľkých konferencií vývojárov ako napríklad JSConf, Google TechTalk a O'Reilly. Teraz si svoje popcorn a level up vaše zručnosti Dev.

Reactive.how

Reaktívne programovanie je na vzostupe; nová paradigma v programovaní, najmä po celom webe, kde je dátový tok bohatý a nepretržite preteká každých milisekúnd. Tento zdroj je iniciatívou od Cèdrica Soulasa vás naučí princípy reaktívne programovanie.