Početna » Web dizajn » Svježi resursi za web-dizajnere i razvojne programere (veljača 2018.)

    Svježi resursi za web-dizajnere i razvojne programere (veljača 2018.)

    Nakon što sam godinama pokrivao ovu seriju, vidio sam kako alati dolaze i odlaze. nekoliko novih alata pušteno je gotovo svaki tjedan. Međutim, u posljednjih nekoliko tjedana mislim da je malo usporilo, trebalo mi je nešto duže nego inače iskopajte do Githuba i drugih izvora kako biste pronašli nove alate koji su besplatni, otvorenog koda i vrijedni spomena u ovoj seriji.

    U današnjem postu imam mješavinu alata iz JavaScript okvira, alata za testiranje i nekoliko za razvoj WordPress stranica. Provjerimo ih.

    Kutt

    aplikacija koja skraćuje URL-ove s vlastitim nazivom domene. Izgrađen je na modernim stackovima kao što su Node.js, React i Redux s pregršt značajke koje su ugrađene, uključujući URL za zaštitu lozinkom, RESTful API, i detaljna statistika za praćenje vaših URL-ova. Najbolja stvar je besplatan i možete ga ugostiti na vlastitom poslužitelju.

    WordHat

    WordHat je alat za integraciju Behat u WordPress. Behat je Open-Behavior-driven development (BDD) okvir za PHP gdje možete testirati svoju PHP aplikaciju na izražajniji način.

    Taj ćete alat pronaći vrlo korisnim jer se WordPress tema i dodatak kompliciraju s značajkama; WordHat i Behat osigurat će da se vaša tema ili dodatak ponaša kako se očekuje kada korisnik komunicira s njom.

    WP preglednik

    Slično WordHat-u, WP-Browser je proširenje Codeceptiona posebno dizajniran za WordPress aplikacije, teme i dodatke. Kodiranje je alat za izvođenje testiranje na vašoj aplikaciji, slično kao i PHPUnit i Behat, ali je u paketu s više. U tome možete Testiranje preglednika, BDD, testiranje integracije jedinica i API testiranje.

    Internacionalizacija WP WP

    Ime govori sama za sebe. To je modul NodeJS koji automatizira mnoge stvari za internacionalizaciju vaših tema ili dodataka. Instalirajte modul i vrstu wpi18n makepot za generiranje POT datoteke od teksta koji se može prevesti u WordPress dodatcima ili temama.

    Hvala

    Još jedan NodeJS modul koji je nedavno u trendu na Githubu. “Hvala” htjeti generirati popis održavatelja paketa koji se koriste na vašem open-source projektu i povezati ga sa svojom donacijom ili stranicom OpenCollective kao znak zahvalnosti za njihov doprinos zajednici.

    Napravite blok Guten

    Gutenberg se čuje i bit će isporučen s WordPress 5.0. Ovo je NPM modul za generiranje Gutenbergovog bloka za razvoj bloka s modernim stogom kao što su React, Webpack, Babel i Sass. Jednostavno pokrenite naredbeni redak ,stvoriti-Guten-blok, i svi ste spremni.

    WP Vue

    WP Vue je a predložak izgrađen s Vue za prikaz WordPress postove. Ovaj predložak je izvrsna polazna točka ako želite napraviti svoju WordPress stranicu bezglav. Pogledajte kako to radi na demo stranici. Promijenite URL krajnje točke URL-a WP-API-ja s bilo koje web-lokacije WordPress; on će automatski ponovno naseliti postove s onima s novog URL-a krajnje točke.

    stimulans

    novi JavaScript okvir iz Basecampa. Za razliku od React ili Vue, ne prisiljava vas da cijelu aplikaciju napišete pomoću JavaScripta ili dodate sintetičke atribute.

    StimulusJS radi u običnom HTML-u koji smo već znali za podaci- atributa. Također ne zahtijeva složenu konfiguraciju izgradnje. Možeš jednostavno dodajte skriptu na web stranicu kao što ste to učinili s jQuery i to je to - počnite pisati skriptu i učinite vašu aplikaciju živom.

    Manta

    besplatni program za izradu i upravljanje računima. Možete dodati bilješku, postaviti valutu, primijeniti popust, dodati popis klijenata ili klijenata, dodajte svoj logotip, dizajnirajte predložak računa i preuzmite ga u PDF formatu. Dostupan je za MacOS, Windows i Linux. Ako ste honorarac, to može biti fakturiranje koje ste tražili da biste pokrenuli slobodno poslovanje.

    Reagirajte Static

    Kao što ime implicira, ovo je alat koji vam omogućuje generirati statičku web-lokaciju pomoću značajke React. Dolazi u paketu sa svim unaprijed konfiguriranim alatima, tako da možete početi s izradom sadržaja za web. I kao statična stranica, možete domaćin mjestu čak i na hosting s niskim resursima.

    Piklist

    Piklist je razvojni WordPress koji omogućuje izgradnju složenih web stranica s WordPress s manje koda. Dolazi sa skupom pomoćnih funkcija i kuka za proširenje gotovo svih dijelova WordPressa, kao što je stranica za postavke, prilagođena polja, obavijesti administratora, kratki kod, widgeti, taksonomije, korisnici, i još mnogo toga.

    Strapi

    sadržaj agnositic CMS okvir za izgradnju sadržaja API-ja. To vam omogućuje da dizajn vlastite strukture sadržaja i API, kao i pruža prekrasan Admin panel za upravljanje njima. Međutim, on ne osigurava ugrađeni sustav templata. To nudi vam da odaberete bilo koju prednju biblioteku po želji kao što su React ili Vue.

    ParcelJS

    ParcelJS je bundler slično kao Webpack i Browserify, osim što je brži i zahtijeva nultu konfiguraciju. To podržava zajednički razvoj bundler za HTML, JS, CSS i transformatora kao što je PostCSS i Babel out-of-the-xbox. Dakle, možete se samo usredotočiti na svoj kod umjesto da gubite vrijeme na konfiguraciji.

    GoodShare

    JavaScript biblioteka za prikazati gumb Social Media s brojem udjela za nekoliko društvenih medija. Podržava mnoge društvene medije, uključujući i one za koje nikad niste čuli poput Vkontakte, Odnoklassnika, SurfingBird, i nekoliko messenging platformi kao što su Skype, WhatsApp i LINE. GoodShare je također dostupan kao Vue komponenta.

    CopyChar

    Web-mjesto koje vam omogućuje pronađite i kopirajte posebne znakove u svoj prijenosnik. Slova, interpunkcije, matematika, strelice i emotikoni su neki od znakova uključenih na web-lokaciji. Jednostavno kliknite ili dodirnite znak da biste kopirali znak u prijenosnik.

    Nerv

    Nerv je drugi reaktivna VirtualDOM knjižnica; alternativa ReactJS-u. Ona donosi poznatu sintaksu JSX Reacta, ali s nekoliko značajnih razlika. Nerv podržava Internet Explorer 8! i to je samo jedna trećina veličine Reacta. Još, Nerv je kompatibilan s dodatcima Reacta kada su najsloženiji.

    HyperappJS

    Još jedna JavaScript knjižnica koja vrijedi istražiti za izgradnju web-aplikacije. To kombinira upravljanje državnim sustavom s virtualnim DOM motorom koji podržavaju ključna ažuriranja i događaje u životnom ciklusu bez ikakvih ovisnosti.

    VulcanJS

    Vulkanac je hrpa alata za izgradnju moderne web aplikacije. U paketu su React, GraphQL i Meteor unaprijed konfigurirani. Budući da je to full-stack okvir pruža cijeli niz pomoćnih komponenti koje su fino podešen na pozadinu i front-end, sve je samo rad out-of-the-box. Tako možete dobiti svoju aplikaciju i trčanje brzo.

    Koa11y

    Aplikacija za stolna računala za Windows, MacOS i Linux kako bi ispitali probleme pristupačnosti na web-lokaciji. Koa11y će vam pružiti obavijesti i upozorenja da li vaša web-lokacija krši standarde pristupačnosti.

    To bi trebao biti alat u svakom web programeru. Pokušajte navigirati web-lokacijama koristeći samo tipkovnicu na dan kako biste razumjeli kako je Pristupačnost važna.

    TablePlus

    Stvarno lijepo izgleda GUI aplikacija za upravljanje bazom podataka. TablePlus podržava širok raspon motora baze podataka uključujući (naravno) MySQL, SQLite, Redis, Postgres, MS SQL i još mnogo toga. TablePlus je dostupan za MacOS i Windows.