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

En la ronda de este mes de nuestra serie Fresh Resource, hemos reunido una amplia variedad de herramientas, marcos y materiales para nuestros colegas desarrolladores web. Tenemos extensiones React, varias aplicaciones basadas en PHP, una biblioteca CSS que te hará sentir nostálgico y una referencia para mejorar tu habilidad de desarrollo. Sin más, veamos la lista completa:

FreeForDev

FreeForDev es una increíble lista de servicios que proporcionan niveles gratuitos. La lista es amplia, desde proveedores en la nube, alojamiento web, repositorios de código fuente, servicio de calidad de código, monitoreo, etc. Estoy seguro de que muchos desarrolladores encontrarán esto muy útil, especialmente para aquellos que recién comienzan y están dentro del presupuesto.

FreeForDev

TinaCMS

TinaCMS es un "CMS" basado en las últimas pilas más brillantes de la actualidad: React, Gatsby y Next.js. El CMS le permite agregar campos en el sitio web, lo que le permite editar el contenido de su sitio en tiempo real. TinaCMS admite varios editores de campo que incluyen texto, área de texto, imagen, selector de fecha y color. ¿No eres fanático de trabajar con React.js? Pronto también admitirá la configuración de Vue.js, Gridsome y Nuxt.js.

TinaCMS

Laravel Vue SPA

Como su nombre lo indica, es un marco para construir Singla Page Application (SPA) con Laravel y Vue.js. Funciona con Laravel 6.0, que es la última versión hasta la fecha, y también viene con Socialite para permitirle integrarse con sitios de redes sociales como Twitter y Github. Un marco general inmenso que ahorrará mucho tiempo en la construcción de SPA.

Laravel Vue SPA

BookStackApp

Un CMS autohospedado para organizar y almacenar información. Es una plataforma perfecta para publicar documentación, notas o Wiki. Es gratis, de código abierto, construido con Laravel, personalizable, y puede alojarlo en tan solo $ 5 DigitalOcean VPS.

BookStackApp

FreshRSS

Una aplicación autohospedada para leer canales RSS. Construido con PHP con requisitos muy mínimos. FreshRSS es una buena alternativa a un Saas como Feedly. Con FreshRSS, conserva todos sus datos, puede instalarlos en un alojamiento web muy barato o en un host local con MAMP o WAMP.

FreshRSS

NES.css

Una colección de framework CSS para construir componentes de IU como botones, formularios y entradas con estilos retro de 8 bits de NES (Nintendo).

NES.css

Quien es

Una utilidad de línea de comandos para verificar el registro de un dominio. Funciona rápido y me parece una muy buena alternativa en comparación con el verificador de sitios web Whois basado en la web, que a menudo es molesto con los anuncios emergentes y la verificación Captcha.

Quien es

Transportador

Un marco de prueba de extremo a extremo creado exclusivamente para la aplicación Angluar y AngularJS. Le permite ejecutar una prueba en serie en un navegador real e interactuar con la aplicación como un usuario normal que garantizará que su aplicación Angular funcione como se espera.

Transportador

Clasificable

Una biblioteca de JavaScript para crear una interfaz ordenable. Está construido con JavaScript puro sin estar conectado a ninguna biblioteca de dependencias. Esto le permite integrarse sin problemas a varios marcos como React.js y Vue.js.

Clasificable

TSDX

TSDX tiene como objetivo mejorar la experiencia del desarrollador al configurar un proyecto TypeScript. Con solo un comando, puede levantarse y estar listo para trabajar en su proyecto de inmediato, por lo que no necesita perder tiempo para configurar TypeScript, Rollup, Jest u otras configuraciones.

TSDX

JAMStack Conf

Una colección de video de JAMStack Conf en 2019. Muchas charlas excelentes de grandes spearkers para mantenerse al día con el progreso en la industria web.

JAMStack Conf

Bats Core

Bash es uno de mis idiomas favoritos. Pero solo he descubierto que ahora podemos ejecutar una prueba automatizada con Bats. Al igual que en otros lenguajes de programación como PHP y JavaScript, las pruebas automatizadas pueden ayudarnos a garantizar que el programa funcione como se espera.

Bats Core

IU del tema

Una biblioteca de JavaScript para aplicaciones React.js para construir una interfaz de usuario personalizable consistente.

IU del tema

Gráficos ásperos

Un componente React.js para dibujar gráficos aproximados incompletos. Es receptivo y admite varios tipos de gráficos comunes, incluidos Pie, Bar y Line. Si desea mostrar gráficos en su sitio web que no parezcan aburridos, este podría ser uno bueno.

Gráficos ásperos

Pastel de mantequilla

Un marco CSS moderno construido con CSS Flexbox. Viene con una serie de componentes de IU predefinidos, como botones, acordeón, migas de pan, navegaciones, formularios, etc.

Pastel de mantequilla

Búsqueda reactiva

Componentes de la interfaz de usuario para crear una interfaz de usuario de búsqueda coherente con ElasticSearch. Los componentes incluyen el formulario de búsqueda con la lista de sugerencias, así como los filtros de búsqueda. Puede usarlo con React.js, Vue.js y React Native.

Búsqueda reactiva

ReBass

Una colección de componentes React como el Botón, los Encabezados y los Formularios creados con Styled System. El sistema de estilo es un accesorio React estandarizado para cambiar estilos. Hace que la personalización del estilo del componente sea rápida, fácil y sobre todo consistente.

ReBass

Reaccionar cosmos

Un entorno limitado de componentes de la interfaz de usuario para React.js. Le permite representar el componente de la interfaz de usuario de forma aislada. Puede probar cada una de las propiedades de su componente, interactuar con ella y verla en diferentes tamaños de ventana gráfica.

Reaccionar cosmos<

Barra de progreso

Esta biblioteca de JavaScript facilita la creación de una elegante barra de progreso en su sitio web. Puede crear una barra de progreso clásica de línea recta, pero también puede hacerla circular, triangular o personalizada, como una forma de corazón, por ejemplo.

Barra de progreso

Tratar

Una biblioteca de JavaScript para escribir CSS-in-JS. Treat funciona ligeramente diferente que el otro CSS-in-JS. Compila el CSS durante el tiempo de compilación en lugar de durante el tiempo de ejecución en el navegador. Entonces, en cierto modo, técnicamente funciona de manera similar a los preprocesadores CSS: Sass o LESS.

Tratar

Deja un comentario

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