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

Habiendo estado cubriendo esta serie durante años, he sido testigo de que las herramientas van y vienen. UNA Un par de nuevas herramientas son lanzadas casi todas las semanas.. Sin embargo, en las últimas semanas creo que se está desacelerando un poco, me tomó un poco más de lo normal para profundiza en Github y otras fuentes para encontrar nuevas herramientas que son gratis, de código abierto, y vale la pena mencionar en esta serie.

En la publicación de hoy, tengo una combinación de herramientas de un marco de JavaScript, herramientas de prueba y algunas para desarrollar sitios de WordPress. Vamos a verlos.

Kutt

Un Aplicación que acorta URLs con tu propio nombre de dominio.. Está construido en pilas modernas como Node.js, React y Redux con un puñado de características que están integradas, incluida la URL de protección de contraseña, API RESTful, y estadísticas detalladas de lujo para controlar sus URL. Lo mejor es que es gratis y puedes alojarlo en tu propio servidor..

WordHat

WordHat es un Herramienta para integrar Behat a WordPress.. Behat es un marco de desarrollo impulsado por comportamiento (BDD) de código abierto para PHP donde puede probar su aplicación PHP de una manera más expresiva.

Encontrará esta herramienta extremadamente útil a medida que su tema y complemento de WordPress se complique más con las características; WordHat y Behat se asegurarán de que su tema o complemento se comporte como se espera cuando el usuario interactúa con él.

Navegador WP

Similar a WordHat, WP-Browser es una extensión de Codeception Diseñado específicamente para aplicaciones, temas y complementos de WordPress.. Codeception es una herramienta para realizar. pruebas en su aplicación, similar a PHPUnit y Behat, pero se incluye con más. En eso, puedes hacer Pruebas de navegador, BDD, pruebas de integración de unidades y pruebas de API.

Nodo WP Internacionalización

El nombre habla por sí mismo. Es un módulo de NodeJS para automatizar muchas cosas para internacionalizar sus temas o complementos. Instale el módulo y escriba wpi18n makepot para generar el archivo POT fuera del texto traducible en sus complementos o temas de WordPress.

Gracias

Otro módulo de NodeJS que está teniendo tendencia en Github recientemente. “Gracias” será generar una lista de mantenedores de paquetes utilizados en su proyecto de código abierto y vincúlelo a su donación o a la página de OpenCollective como señal de agradecimiento por su contribución a la comunidad.

Crear Guten Block

Gutenberg es escuchado y se enviará con WordPress 5.0. Esto es un Módulo NPM para generar una placa de desarrollo de bloques Gutenberg. con pila moderna como React, Webpack, Babel y Sass. Simplemente ejecuta la línea de comando ,crear-guten-block, y ya está todo listo.

WP Vue

WP Vue es un Plantilla construida con Vue para mostrar mensajes de WordPress. Esta plantilla es un excelente punto de partida si desea crear su sitio de WordPress sin cabeza. Vea cómo funciona en la página de demostración.. Cambie la URL del punto final de la URL de WP-API desde cualquier sitio de WordPress; Repoblará automáticamente las publicaciones con las de la nueva URL de punto final..

Estímulo

UNA Nuevo framework de JavaScript de Basecamp.. A diferencia de React o Vue, no te obliga a escribir toda tu aplicación con JavaScript o agregar atributos sintéticos.

StimulusJS funciona en un HTML simple que ya conocíamos con el datos- atributos Tampoco requiere una configuración de construcción compleja. Usted puede simplemente agregue el script en la página web como lo hizo con jQuery y eso es todo - comienza a escribir el guión para que tu aplicación esté viva.

Manta

UNA Aplicación gratuita para crear y gestionar facturas.. Puede agregar una nota, establecer una moneda, aplicar un descuento, agregar una lista de clientes o clientes, agregue su logotipo, diseñe la plantilla de factura y descárguela en formato PDF. Está disponible para macOS, Windows y Linux. Si eres un profesional independiente, esta podría ser la facturación que has estado buscando para dirigir tu negocio independiente..

Reaccionar estática

Como su nombre lo indica, esta es una herramienta que le permite generar un sitio estático usando React. Viene con todas las herramientas preconfiguradas para que pueda comenzar a producir contenido para la web. Y siendo un sitio estático, puedes alojar el sitio incluso en un alojamiento compartido con bajos recursos.

Piklist

Piklist es un desarrollo de WordPress que te permite construir una configuración de sitio web compleja con WordPress con menos código. Viene con un conjunto de funciones de ayuda y ganchos para extender casi todas las partes en WordPress, como la página de configuración, campos personalizados, avisos de administrador, shortcode, widgets, taxonomías, usuarios, y mucho más.

Strapi

UNA framework de contenidos agnositic CMS para construir una API de contenido. Le permite diseñar su propia estructura de contenido y la API, así como un hermoso panel de administración para administrarlos. Sin embargo, no proporciona el sistema de plantillas integrado. Eso le ofrece elegir cualquier biblioteca de front-end de su preferencia como React o Vue.

Parcelas

ParcelJS es un agrupador al igual que Webpack y Browserify, excepto que es más rápido y no requiere configuración. Eso soporta bundler de desarrollo común para HTML, JS, CSS y transformadores como PostCSS y Babel fuera de la xbox. Por lo tanto, puede concentrarse en su código en lugar de perder tiempo en la configuración.

GoodShare

Una biblioteca de JavaScript para Mostrar el botón de redes sociales con el recuento de acciones para algunas redes sociales.. Es compatible con muchas redes sociales, incluidas las que nunca has escuchado, como Vkontakte, Odnoklassniki, SurfingBird, y también algunas plataformas de mensajería como Skype, WhatsApp y LINE. GoodShare también está disponible como un componente Vue.

CopyChar

Un sitio web que te permite Encuentra y copia caracteres especiales a tu portapapeles.. Las letras, las puntuaciones, las matemáticas, las flechas y los emojis son algunos de los personajes incluidos en el sitio. Simplemente haz clic o toca un carácter para copiarlo en tu portapapeles.

Nerv

Nerv es otro biblioteca virtualDOM reactiva; una alternativa a ReactJS. Trae la sintaxis familiar JSX de React pero con pocas diferencias notables. Nerv es compatible con Internet Explorer 8! y es solo un tercio del tamaño React. Todavía, Nerv es compatible con los complementos React, los más complejos..

HyperappJS

Otra biblioteca de JavaScript que vale la pena estudiar para crear una aplicación web. Eso Combina la gestión estatal con un motor virtual DOM. que admite actualizaciones con clave y eventos del ciclo de vida, todo sin dependencias.

VulcanJS

Vulcano es un Pila de herramientas para construir una aplicación web moderna.. Se incluye con React, GraphQL y Meteor preconfigurados. Ya que es un marco de pila completa que proporciona una amplia gama de componentes de ayuda que son optimizado para el back-end y el front-end, todo funciona de forma inmediata. Por lo tanto, puedes poner tu aplicación en funcionamiento rápidamente..

Koa11y

Una aplicación de escritorio para Windows, macOS y Linux para examinar problemas de accesibilidad en el sitio web. Koa11y proporcionará avisos y advertencias sobre si su sitio web viola los estándares de accesibilidad..

Esto debería ser una herramienta en cada caja de herramientas de desarrolladores web. Intente navegar por los sitios web con solo usar su teclado por un día para comprender lo importante que es la accesibilidad.

TablePlus

Una verdad Aplicación GUI de buen aspecto para gestionar la base de datos. TablePlus es compatible con una amplia variedad de motores de base de datos que incluyen (por supuesto) MySQL, SQLite, Redis, Postgres, MS SQL y mucho más. TablePlus está disponible para macOS y Windows.