Nuove risorse per Web designer e sviluppatori (luglio 2018)

Luglio è il mese che porta l'estate al completo e quindi per il lotto di nuove risorse di questo mese, abbiamo alcuni nuovi strumenti da parte di sviluppatori affermati e principianti.

L'elenco ha un interessante mix di strumenti che vanno dalla libreria Sketch della community di WordPress che ti permetterà di creare un prototipo di interfaccia WordPress, una manciata di strumenti che estendono React.js e Vue.js, e un paio di riferimenti per migliorare le tue capacità di sviluppo. Vediamoli.

WPRIG

Un tema WordPress iniziale all-in-one creato da Morten Rand-Hendriksenand è dotato di un costruisci preset di processo usando strumenti moderni come Gulp, Babel, ESLint e integrazione del codice di Visual Studio. Ti aiuterà a creare un grande tema WP senza il fastidio di configurare gli strumenti di sviluppo circostanti.

VueNative

Un framework basato su Vue.js per creare un'applicazione mobile multipiattaforma che ti permetta di scrivere il tuo codice con le specifiche Vue.js. Lo strumento lo farà compilarlo al Nativo Reagire e fai il lavoro magico per te dietro la scena con il vue-native CLI. Se hai già familiarità con Vue.js, questo potrebbe essere un quadro adatto per costruire un'applicazione mobile.

SketchPress

I ragazzi di 10up hanno appena rilasciato SketchPress che è un Modello di schizzo per creare rapidamente prototipi e progetti di interfaccia di amministrazione di WordPress. È dotato di interfaccia utente di amministrazione comune come il pulsante principale, la barra dei menu, i dashboard, il metabox e così via. SketchPress è un ottimo strumento di accompagnamento per gli sviluppatori di WordPress per allineare il plugin e la pagina delle impostazioni o delle opzioni del tema con l'interfaccia utente di amministrazione di WordPress.

Docz

Docz è un generatore di documentazione basato su MDX che è stato presentato nell'ultimo round di questa serie. Questo strumento ti permetterà di importare e includere un complemento personalizzato JSX nel mix con la sintassi di Markdown, proprio come scrivere un documento JSX.

Animista

L'animazione CSS porta il web alla vita. Tuttavia, non è sempre facile comporre CSS Animation considerando i prefissi del browser per compatibilità, parametri e il tempo di animazione. Animasta rende questa roba più facile generando il codice per te. Puoi configurare l'animazione in un'interfaccia user-friendly da cui si può semplicemente copiare il codice.

GridToFlex

Un paio di esempi di layout web comune creati utilizzando la griglia CSS nativa e utilizzano Flexbox come fallback per il browser che ancora non lo supporta. Dai un'occhiata al nostro post: Introduzione al modulo CSS Grid Layout.

RatioBuddy

Un bel strumento per generare una scatola con CSS con un rapporto definito, per esempio, 1: 1, 3: 4, ecc. Lo strumento genererà il codice in formato SCSS da copiare.

Come GraphQL

GraphQL è un'alternativa alla struttura dei dati REST e How to GraphQL è un risorsa completa per impararlo. È molto più efficiente rispetto a REST poiché estrarrà solo i dati richiesti riducendo la quantità di carico e il trasferimento dei dati.

Storia del campione

Un semplice plug-in di WordPress per mostrare la cronologia delle attività eseguite nella dashboard di WordPress. Supporta attività native di WordPress come quando un utente crea post e pagine, effettua il login e attiva o disattiva altri plug-in. Io posso anche tenere traccia di altre attività di plug-in inclusi Advanced Custom Fields (ACF) e User Switching. Questo è un ottimo plugin per tenere traccia dell'attività interna del tuo sito.

Transfer.sh

è un Utilità pratica per condividere file tramite il comando Shell. Puoi caricare qualsiasi tipo di file fino a 10 Gb. Supporta anche la crittografia dei file. E ho detto che è totalmente gratuito?

Sonar FB

Uno strumento per il debug di app mobili per iOS e Android. L'app è dotata di alcuni strumenti per a comoda esperienza di debug come un visualizzatore di registri, un ispettore di layout interattivo e un ispettore di rete. Se ciò non bastasse, puoi creare un plug-in per estendere l'app con le funzionalità di cui hai bisogno.

JSUI

Questa app è ricca di strumenti per fornire un modo migliore di organizzare i tuoi progetti. Puoi creare un gruppo, generare un nuovo progetto usando alcuni progetti popolari come React, Vue e Angular, installa una dipendenza del progetto, esegui un server Node.js e molto altro. Un'ottima app per chi gestisce decine di progetti.

BrainMonkey

Un'utilità di test dell'unità PHP progettata con alcuni strumenti specifici per WordPress. Fornisce strumenti che consentono di finto Funzioni PHP. Fornisce inoltre un set di strumenti pronti all'uso per alcune funzioni di WordPress come add_action remove_action per citarne alcuni, che sono generalmente difficile testare.

fractal

Fractal è stato progettato per essere uno strumento di documentazione centrale per gli sviluppatori all'interno di un team per riferirsi quando è necessario integrare un componente in un progetto. Ti permette di integrare lo snippet di codice, visualizzando anteprime, documentazione, note, ecc. di ciascun componente.

Ant Design Pro

“AntDesign” è uno dei popolari framework UI basati su React.js e questo è il suo “professionista” versione progettata per l'applicazione aziendale. Include numerosi componenti aggiuntivi che non si trovano nel pacchetto comune di AntDesign come AvatarList, HeaderSearch e TagSelect.

Il quadro ha anche strumenti di sviluppo integrati come lo strumento Build, Test Suite e Deployment così puoi lavorare sul tuo codice subito, piuttosto che perdere tempo nella configurazione del flusso di lavoro.

LuminJS

Un piccolissimo Libreria JavaScript per evidenziare il testo sul tuo sito web. Funziona perfettamente con una complessa struttura DOM ed è programmabile in quanto è possibile impostare la velocità, lo stile e l'animazione.

prompt

Un utile Pacchetto NPM per creare CLI interattiva utilizzando Node.js. Supporta prompt di base, scelte multiple, prompt dinamico e molti tipi di input come password, testo, numero, e-mail, ecc.

Percezione

Un fantastico plugin per WordPress che sarebbe migliorare la ricerca nella libreria multimediale di WordPress classificando le immagini utilizzando l'API di Google Cloud Vision. Ad esempio, se hai caricato un file “uccello” immagine, è possibile cercare l'immagine utilizzando la parola chiave “uccello” indipendentemente dal fatto che la parola chiave sia inclusa nel nome dell'immagine, nel nome del file o nei metadati.

DevTube

Una collezione di video, estratti da Youtube, di diverse conferenze per sviluppatori come JSConf, Google TechTalk e O'Reilly. Ora prendi i tuoi popcorn e aumenta le tue abilità Dev.

Reactive.how

La programmazione reattiva è in aumento; un nuovo paradigma nella programmazione in particolare intorno al web dove il flusso di dati è abbondante e scorre continuamente ogni millisecondo. Questa risorsa è un'iniziativa di Cèdric Soulas per ti insegnano i principi di reattivo programmazione.