Nuevos recursos para diseñadores web y desarrolladores (diciembre de 2019)

El tiempo vuela. Estamos llegando al final de una década. Sin embargo, no terminamos de compartir cosas buenas con nuestros colegas desarrolladores web. En esta ronda de la serie, hemos seleccionado cuidadosamente algunas herramientas, un puñado de bibliotecas de JavaScript y un par de nuevas plataformas CMS. Sin más preámbulos, veamos la lista completa a continuación.

Vue.js Interactive Paycard

Una biblioteca de Vue.js que le permite crear una interfaz de usuario para el formulario de entrada de tarjeta de crédito. A medida que ingresa la entrada, puede identificar inmediatamente el tipo de su tarjeta, ya sea Visa, MasterCard o Amex. Se ve elegante y bastante inteligente.

Vue.js Interactive Paycard

KeystoneJS

KeystoneJS es un CMS moderno construido con Node.js y un soporte superior de GraphQL. KeystoneJS proporciona una API extensa para construir su propio CMS. Puede agregar campos personalizados, adaptadores de campo y autenticación, así como configurar el límite de acceso.

KeystoneJS

Sirena

MermaidJS es una biblioteca de JavaScript en su propia categoría. Con MermaidJS, puede crear diagramas de flujo y diagramas utilizando solo una sintaxis similar a Markdown. ¡Es una idea genial!

Sirena

LazyGit

Git se instala con su git CLI Aunque el git CLI es realmente poderoso, es, en muchos casos, poco intuitivo de usar. LazyGit proporciona una interfaz de usuario intuitiva en la Terminal para operar con Git. Puede ver los archivos modificados, el estado, el alijo, la lista de ramas y la diferencia.

LazyGit

Mesa de reacción

Una biblioteca React.js para crear una tabla fácilmente. También proporciona interactividad a la tabla en la que puede agregar paginación para navegar por una larga lista de tablas, ordenar, arrastrar y soltar, cambiar el tamaño, agrupar y filtrar, y establecer datos editables.

Mesa de reacción

JavaScript de código limpio

Una colección de buenos consejos para escribir códigos JavaScript limpios adaptados del libro Clean Code de Robert C. Martin. Los códigos JavaScript limpios hacen que el código sea más legible. También es más fácil de revisar, ya que es más fácil entender cómo funciona el código de un vistazo.

JavaScript de código limpio

Implementación del complemento WP

El repositorio de WordPress.org está utilizando el host SVN y maneja el control de versiones del complemento. La mayoría de las veces estamos usando Git para administrar y alojar nuestro código, por lo que convertir nuestro repositorio a SVN para implementarlo es muy complicado. WP Plugin Deploy tiene como objetivo facilitar este proceso a través de la nueva Acción Github.

Implementación del complemento WP

Depurar VSCode Firefox

Una extensión de complemento que conecta Visual Studio Code a Firefox DevTools. Proporciona comodidad para realizar una depuración avanzada en Firefox. Puede establecer puntos de interrupción, registro, salida de variables directamente desde su Código de Visual Studio.

Depurar VSCode Firefox

Github Mobile

Github finalmente ha lanzado su primer dispositivo móvil: Github Mobile. Con la aplicación, puede administrar notificaciones, colaborar, así como buscar y explorar repositorios. La aplicación Github Mobile está en fase beta pública y solo está disponible en iOS. Puede suscribirse para recibir la invitación para instalar la aplicación.

Github Mobile

Hoja de trucos de PHP

Una gran colección de cheatsheet para PHP. Podemos encontrar la hoja de trucos para Comparación, Aritmética (+, -, etc.) y mucho más. Podemos cambiar de PHP5 a la última versión de PHP7 para ver

Hoja de trucos de PHP

Frisby

Construido sobre Jest, Frisby es una biblioteca de JavaScript que facilita la prueba de llamadas de punto final de API. Puede verificar el código de estado de la llamada, los encabezados de respuesta, el contenido del cuerpo, etc.

Frisby

Entrada telefónica internacional

Una biblioteca de JavaScript para agregar un campo de entrada para el número de teléfono internacional. La entrada proporcionará la lista de países, el número de código internacional, así como la validación del número de formato.

Entrada telefónica internacional

Bagisto

Un CMS de comercio electrónico creó Laravel y Vue.js. Viene con muchas características para ejecutar una plataforma profesional de comercio electrónico que incluye el catálogo de productos, la gestión de ventas, el control de acceso, el informe de ventas, el inventario de varias tiendas, el envío y el pago, el SEO y mucho más. Creo que esta podría ser una buena alternativa a Magento

Bagisto

Typecho

Typecho es una plataforma de blogs simple construida con PHP. Me recuerda a los viejos tiempos con WordPress y, de hecho, puede ser una buena alternativa si desea alojar solo un blog.

Typecho

Medis

Una aplicación de escritorio de macOS para acceder y ver los datos de Redis con una comodidad similar a la de phpMyAdmin para MySQL. La aplicación se puede descargar desde App Store.

Medis

FreemiumCC

Una gran colección de servicios y herramientas que proporcionan un nivel gratuito de su servicio. Este es un buen recurso a la vista, si desea administrar un negocio en línea dentro del presupuesto. O, si tiene negocios que también ofrecen un nivel gratuito, puede enviar el suyo también a FremiumCC.

FreemiumCC

HatSH

Una herramienta en línea para cifrar y descifrar casi cualquier tipo de archivo. Simplemente puede cargar el archivo para encriptarlo. HatSH proporcionará la clave única que luego puede usar para descifrar el archivo.

HatSH

Chatwoot

Chatwoot se creó inicialmente como negocio para el sistema de soporte de chat en vivo, pero no despegó bien. El equipo decidió abrir el proyecto. Ahora todos pueden instalar la aplicación de chat en vivo en su propio servidor

Chatwoot

Viento de cola mecanografiado

Una extensión para implementar el tipo estático en TailwindCSS con TypeScript. En React.js, puedes escribir algo como Tw().text32().font500() para aumentar el tamaño y el peso de la fuente. El tipo estático de TypeScript permite proporcionar una mejor autocompletación al escribir los estilos y detectar errores antes.

Viento de cola mecanografiado

Movible

Una biblioteca de JavaScript para agregar interactividad a un elemento HTML. Con esto, puede rotar, transformar, sesgar, cambiar el tamaño, arrastrar, ajustar, agrupar elementos y mucho más. Una biblioteca perfecta para construir un editor gráfico en línea.

Movible

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *