Recursos frescos para diseñadores y desarrolladores web (julio de 2018)

Julio es el mes que trae la mayor parte del verano y, por lo tanto, para el lote de nuevos recursos de este mes, tenemos algunas herramientas nuevas de algunos desarrolladores bien establecidos y también principiantes..

La lista tiene una mezcla bastante interesante de herramientas que van desde la biblioteca Sketch por la comunidad de WordPress que le permitirá crear un prototipo de interfaz de WordPress, un puñado de Herramientas de extensión React.js y Vue.js., y un par de referencias para subir de nivel sus habilidades de desarrollo. Vamos a verlos.

WPRIG

Un tema de WordPress de inicio todo en uno creado por Morten Rand-Hendriksenand está equipado con un proceso de construcción preestablecido con herramientas modernas como Gulp, Babel, ESLint y la integración de Visual Studio Code. Le ayudará a crear un gran tema de WP sin la molestia de configurar las herramientas de desarrollo circundantes.

VueNative

Un marco basado en Vue.js para crear una aplicación móvil multiplataforma que le permite escribir su código con la especificación Vue.js. La herramienta compilarlo al React Native y hacer el trabajo de magia para usted detrás de la escena con el nativo CLI. Si ya estás familiarizado con Vue.js, esto podría ser un Marco adecuado para construir una aplicación móvil..

SketchPress

La gente de 10up acaba de lanzar SketchPress, que es un Plantilla de boceto para crear rápidamente maquetas y diseños de la interfaz de administración de WordPress. Está repleto de la interfaz de usuario de administración común, como el botón principal, la barra de menú, Dashicons, Metabox, etc. SketchPress es una gran herramienta complementaria para los desarrolladores de WordPress para alinear la configuración del plugin y el tema, o la página de opciones con la interfaz de usuario de WordPress..

Docz

Docz es un Generador de documentación basado en MDX. que se presentó en la última ronda de esta serie. Esta herramienta le permitirá importar e incluir un componente personalizado JSX en la mezcla con la sintaxis Markdown, al igual que escribir un documento JSX.

Animista

La animación CSS da vida a la web. Sin embargo, no siempre es fácil componer CSS Animation teniendo en cuenta los prefijos del navegador para la compatibilidad, los parámetros y el período de tiempo de la animación. Animasta hace esto más fácil generando el código para ti. Usted puede configure la animación en una interfaz fácil de usar desde donde puede simplemente copiar el código.

GridToFlex

Un par de ejemplos de diseño web común creado con la cuadrícula nativa de CSS y usa Flexbox como respaldo para el navegador que aún no lo admite. Echa un vistazo a nuestra publicación: Introducción al módulo de diseño de cuadrícula CSS.

RatioBuddy

Una buena herramienta para Generar una caja con CSS con un ratio definido., por ejemplo, 1: 1, 3: 4, La herramienta generará el código en formato SCSS para copiar..

Como graficar

GraphQL es una alternativa a la estructura de datos REST y cómo GraphQL es una recurso integral para aprenderlo. Es mucho más eficiente que REST ya que solo extraerá los datos solicitados reduciendo la cantidad de carga y transferencia de datos.

Historial de muestras

Un simple complemento de WordPress para mostrar el historial de actividad realizado en el panel de WordPress. Es compatible con la actividad nativa de WordPress, como cuando un usuario crea publicaciones y páginas, inicia sesión y activa o desactiva otros complementos. También puede rastrear la actividad de otros plugins incluyendo campos personalizados avanzados (ACF) y cambio de usuario. Este es un excelente complemento para realizar un seguimiento de la actividad interna de sus sitios..

Transfer.sh

es un Utilidad útil para compartir archivos a través del comando Shell. Puedes subir cualquier tipo de archivo de hasta 10 Gb. También es compatible con el cifrado de archivos. ¿Y mencioné que es totalmente gratis??

FB Sonar

Una herramienta para depurar aplicaciones móviles para iOS y Android. La aplicación está equipada con algunas herramientas para una experiencia de depuración conveniente como un visor de registro, inspector de diseño interactivo e inspector de red. Si eso no es suficiente, puede crear un complemento para ampliar la aplicación con la funcionalidad que necesita.

JSUI

Esta aplicación está repleta de un montón de herramientas para proporcionar una mejor manera de organizar tus proyectos. Usted puede crear un grupo, generar un nuevo proyecto utilizando algunos proyectos populares como React, Vue y Angular, instala una dependencia de proyecto, ejecuta un servidor Node.js y mucho más. Una gran aplicación para quienes gestionan docenas de proyectos..

BrainMonkey

Una utilidad de prueba de unidad de PHP diseñada con algunas herramientas específicas para WordPress. Proporciona herramientas que permiten burlarse de Funciones de PHP. También proporciona un conjunto de herramientas listas para usar con algunas funciones de WordPress como add_action remove_action para nombrar algunos, que son generalmente difícil Probar.

Fractal

Fractal se ha diseñado para ser una herramienta de documentación central para que los desarrolladores de un equipo se refieran cuando sea necesario integrar un componente en un proyecto. Te permite integrar fragmento de código, mostrando vistas previas, documentación, notas, etc. de cada componente.

Diseño de hormigas pro

“AntDesign” es uno de los marcos de UI populares basados ​​en React.js y este es su “Pro” Versión diseñada para aplicación empresarial.. Incluye varios componentes adicionales que no están en el paquete común de AntDesign, como AvatarList, HeaderSearch y TagSelect.

El marco también tiene herramientas de desarrollo integradas como la herramienta Build, Test Suite y Deployment para que pueda trabajar en su código de inmediato en lugar de perder tiempo en la configuración del flujo de trabajo.

LuminJS

Una super pequeña Biblioteca de JavaScript para resaltar texto en su sitio web. Funciona a la perfección con una estructura DOM compleja y es programable en el que puede configurar la velocidad, el estilo y la animación.

Indicaciones

Un práctico Paquete NPM para construir CLI interactiva utilizando Node.js. Admite indicaciones básicas, opciones múltiples, indicaciones dinámicas y muchos tipos de entradas como una contraseña, texto, número, correo electrónico, etc..

Percepción

Un plugin de WordPress genial que lo haría mejorar la búsqueda de WordPress Media Library clasificando imágenes usando Google Cloud Vision API. Por ejemplo, si has subido un “pájaro” imagen, puede buscar la imagen usando la palabra clave “pájaro” si la palabra clave se incluye o no en el nombre de la imagen, el nombre del archivo o los metadatos.

DevTube

Una coleccion de Videos, sacados de Youtube, de varias conferencias de desarrolladores. como JSConf, Google TechTalk y O'Reilly. Ahora consigue tus palomitas de maíz y mejora tus habilidades de desarrollo..

Reactivo

La programación reactiva está en aumento; un nuevo paradigma en la programación, especialmente en la web, donde el flujo de datos es abundante y fluye continuamente cada milisegundos. Este recurso es una iniciativa de Cèdric Soulas para enseñarte los principios de reactivo programación.