Nuove risorse per Web designer e sviluppatori (febbraio 2018)

Avendo ricoperto questa serie per anni, ho visto gli strumenti andare e venire. UN un paio di nuovi strumenti vengono rilasciati quasi ogni settimana. Tuttavia, nelle ultime settimane penso che si stia rallentando un po ', mi ci è voluto un po' più del solito scavare verso Github e altre fonti per trovare nuovi strumenti che sono gratuiti, open source e degni di essere menzionati in questa serie.

Nel post di oggi ho un mix di strumenti da un framework JavaScript, strumenti di test e alcuni per lo sviluppo di siti WordPress. Vediamoli.

Kutt

Un applicazione che accorcia gli URL con il proprio nome di dominio. È costruito su stack moderni come Node.js, React e Redux con una manciata di elementi funzionalità integrate quali URL di protezione password, API RESTful, e fantastiche statistiche dettagliate per monitorare i tuoi URL. La cosa migliore è che è gratuito e puoi ospitarlo sul tuo server.

WordHat

WordHat è un strumento per integrare Behat in WordPress. Behat è un framework BDD (Behavior-driven Development) open source per PHP in cui è possibile testare l'applicazione PHP in modi più espressivi.

Troverai questo strumento estremamente utile in quanto il tema e il plugin di WordPress diventano più complicati con le funzionalità; WordHat e Behat garantiranno che il tema o il plugin si comportino come previsto quando l'utente interagisce con esso.

Browser WP

Simile a WordHat, WP-Browser è un'estensione di Codeception specificamente progettato per applicazioni WordPress, temi e plugin. La codeception è uno strumento da eseguire analisi sulla tua applicazione, simile a PHPUnit e Behat, ma è in bundle con altro. In questo, puoi farlo Test del browser, BDD, test di integrazione delle unità e test delle API.

Nodo WP Internazionalizzazione

Il nome parla da solo. È un modulo NodeJS per automatizzare molte cose per internazionalizzare i tuoi temi o plugin. Installa il modulo e digita wpi18n makepot per generare il file POT dal testo traducibile nei tuoi plugin o temi WordPress.

Grazie

Un altro modulo NodeJS che è di tendenza su Github di recente. “Grazie” volontà genera un elenco di manutentori di pacchetti usati nel tuo progetto open-source e collegarlo alla loro donazione o alla pagina OpenCollective come segno di gratitudine del loro contributo alla comunità.

Crea blocco Guten

Gutenberg è ascoltato e verrà fornito con WordPress 5.0. Questo è un Modulo NPM per generare un boilerplate per lo sviluppo di blocchi Gutenberg con stack moderni come React, Webpack, Babel e Sass. Basta eseguire la riga di comando ,creare-Guten-block, e sei tutto pronto.

WP Vue

WP Vue è un modello creato con Vue per visualizzare post WordPress. Questo modello è un ottimo punto di partenza se desideri realizzare il tuo sito WordPress senza testa. Guarda come funziona nella pagina demo. Modifica l'URL dell'endpoint dell'URL WP-API da qualsiasi sito WordPress; ripopola automaticamente i post con quelli del nuovo URL dell'endpoint.

Stimolo

UN nuovo framework JavaScript da Basecamp. A differenza di React o Vue, non obbliga a scrivere l'intera applicazione con JavaScript o aggiungere attributi sintetici.

StimulusJS funziona in un semplice codice HTML che già conoscevamo con dati- attributi. Inoltre non richiede una configurazione di build complessa. Puoi semplicemente aggiungi lo script sulla pagina web proprio come hai fatto con jQuery e questo è tutto - inizia a scrivere lo script per rendere viva la tua applicazione.

Manta

UN applicazione gratuita per creare e gestire fatture. È possibile aggiungere una nota, impostare una valuta, applicare uno sconto, aggiungere un elenco di clienti o clienti, aggiungi il tuo logo, disegna il modello di fattura e scaricalo in formato PDF. È disponibile per macOS, Windows e Linux. Se sei un freelance, questa potrebbe essere la fatturazione che stavi cercando per gestire il tuo business freelance.

Reagire statico

Come suggerisce il nome, questo è uno strumento che ti permette di generare un sito statico usando React. Viene fornito in bundle con tutti gli strumenti preconfigurati, quindi puoi iniziare a produrre contenuti per il web. E essendo un sito statico, puoi farlo ospitare il sito anche in un hosting condiviso con risorse limitate.

Piklist

Piklist è uno sviluppo WordPress ti consente di creare una complessa configurazione del sito web con WordPress con meno codice. Viene fornito con un set di funzioni di supporto e Hook per estendere quasi tutte le parti in WordPress come la pagina Impostazioni, campi personalizzati, notifiche amministrative, shortcode, widget, tassonomie, utenti, e molto di più.

Strapi

UN contenuto CMS framework agnositico per creare un'API di contenuto. Ti consente di progettare la tua struttura dei contenuti e l'API, oltre a fornire un bellissimo pannello di amministrazione per gestirli. Tuttavia, non fornisce un sistema di template integrato. esso ti offre la possibilità di scegliere qualsiasi libreria front-end di tua preferenza come React o Vue.

ParcelJS

ParcelJS è un bundler molto simile a Webpack e Browserify, tranne che è più veloce e richiede una configurazione zero. esso supporta il common development bundler per HTML, JS, CSS e trasformatori come PostCSS e Babel out-of-the-xbox. Quindi, puoi semplicemente concentrarti sul tuo codice invece di perdere tempo nella configurazione.

GoodShare

Una libreria JavaScript a mostra il pulsante Social Media con il numero di condivisioni per alcuni social media. Supporta molti social media, inclusi quelli che non hai mai sentito nominare come Vkontakte, Odnoklassniki, SurfingBird, anche alcune piattaforme di messaggistica come Skype, WhatsApp e LINE. GoodShare è anche disponibile come componente Vue.

CopyChar

Un sito Web che ti permette di trova e copia caratteri speciali negli Appunti. Lettere, punteggiatura, matematica, frecce ed emoji sono alcuni dei personaggi inclusi nel sito. Semplicemente clicca o tocca un personaggio per copiare il personaggio negli Appunti.

Nerv

Nerv è un altro libreria VirtualDOM reattiva; un'alternativa a ReactJS. Presenta la sintassi familiare JSX di React ma con alcune differenze notevoli. Nerv supporta Internet Explorer 8! ed è solo un terzo delle dimensioni di React. Ancora, Nerv è compatibile con i componenti aggiuntivi di React per i più complessi.

HyperappJS

Un'altra libreria JavaScript che vale la pena esaminare per creare un'applicazione web. esso combina la gestione dello stato con un motore Virtual DOM che supporta gli aggiornamenti con chiave e gli eventi del ciclo di vita tutti senza dipendenze.

VulcanJS

Vulcano è un pila di strumenti per costruire una moderna applicazione web. È in bundle con React, GraphQL e Meteor preconfigurati. Dal momento che si tratta di una struttura full stack che fornisce un'intera gamma di componenti helper ottimizzato per il back-end e il front-end, tutto è solo lavoro pronto all'uso. In questo modo puoi avviare rapidamente la tua app.

Koa11y

Un'applicazione desktop per Windows, macOS e Linux per esaminare i problemi di accessibilità sul sito web. Koa11y fornirà avvisi e avvertenze se il tuo sito web viola gli standard di accessibilità.

Questo dovrebbe essere uno strumento in ogni toolbox per sviluppatori web. Prova a navigare nei siti web usando solo la tastiera per un giorno per capire in che modo l'accessibilità è importante.

TablePlus

Davvero applicazione GUI di bell'aspetto per gestire il database. TablePlus supporta un'ampia varietà di motore di database che include (ovviamente) MySQL, SQLite, Redis, Postgres, MS SQL e molto altro. TablePlus è disponibile per macOS e Windows.