Marketing

Nuevas funciones para diseñadores y desarrolladores web (abril de 2021)

Un gran producto hoy depende del ecosistema. Imagínese el iPhone sin las aplicaciones o WordPress sin los complementos. No serán tan útiles como lo son ahora.

En esta ronda de la serie, veremos algunas de las funciones que admiten herramientas o bibliotecas populares. Aquí, tenemos un puñado de bibliotecas React.js, algunos complementos de WordPress, algunas extensiones de VSCode y más. Pasemos a la lista completa.

Nuevas funciones para diseñadores y desarrolladores web (marzo de 2021)

Gradiente de malla

Un complemento de Figma que le permite generar un hermoso degradado de malla. Te permite editar el eje de degradado para obtener un degradado perfecto. Tener el degradado de malla puede hacer que el diseño de su producto se destaque fácilmente entre la multitud.

Gradiente de malla

Notificación

Un complemento de WordPress para notificar las acciones que suceden en un sitio de WordPress. Este complemento proporciona API muy amplias donde puede realizar personalizaciones, como enviar notificaciones a destinatarios seleccionados, llamar a servicios, registrarse para acciones específicas y etiquetado blanco. Es un gran complemento para mantenerte actualizado con la actividad de tu sitio web.

Notificación

Rayo de Spatie

Un complemento que conecta su sitio de WordPress a Ray.app, Spatie Ray es una aplicación de escritorio que hace que la depuración y medición del rendimiento del código en su sitio sea más conveniente. También está disponible para algunos marcos y CMS como Craft y Laravel.

Rayo de Spatie

Webhint

Webhint es una iniciativa de Fundación OpenJS para ayudar a los desarrolladores a construir una web mejor defendiendo y creando herramientas como esta extensión VSCode y la extensión del navegador para hacer cumplir algunas de las mejores prácticas.

Esta herramienta verifica su código o su sitio web e informa si el HTML carece de los atributos adecuados o si el sitio web tiene algunos problemas de accesibilidad y rendimiento.

Webhint

ScriptKit

Una aplicación de escritorio para macOS que te permite registrar un script para automatizar tus tareas, como abrir un navegador y leer noticias, abrir archivos o directorios específicos para un proyecto, buscar un libro en sitios web específicos y mucho más.

Proporciona varios scripts prefabricados y pronto también proporcionará scripts colectivos compartidos para sus usuarios. El script está escrito en Node.js o JavaScript, por lo que si está familiarizado con el idioma, puede crear un script personalizado que satisfaga sus necesidades.

ScriptKit

Laravel Octane

Una biblioteca de Laravel que mejora en gran medida el rendimiento de una aplicación de Laravel, aprovechando el entorno de servidor PHP de alto rendimiento Swoole o RoadRunner que permite solicitudes simultáneas. Esto permite que Laravel se ejecute a 6000 peticiones / s muy rápido desde la prueba inicial.

Laravel Octane

PHPMon

PHPMon es una aplicación de utilidad de macOS para monitorear el servicio PHP que se ejecuta en su máquina. Agrega un menú a la barra de menú donde puede ver la versión de PHP en ejecución, las extensiones y dónde está la configuración local. ¡Muy útil!

PHPMon

Heroicons

Una colección de una hermosa colección hecha a mano con más de 200 iconos. Vienen en dos variantes, Solid y Outline, y están disponibles en formatos SVG y JSX para que pueda reutilizarlos fácilmente en su sitio web o productos digitales.

Heroicons

FocalBoard

Focalboard es una aplicación de código abierto para administrar y organizar tareas similares a aplicaciones como Trello y Notion. Puede instalar FocalBoard en su propio servidor o en computadoras que ofrecen más libertad y flexibilidad. Una gran alternativa para quienes prefieren el control sobre la comodidad.

FocalBoard

Iconos de Gutenberg

Una colección de iconos utilizados por Gutenberg, el nuevo editor de WordPress. Este sitio muestra todos los íconos donde puede generar el fragmento para reutilizarlo en el bloque Gutenberg o simplemente descargar el SVG.

Iconos de Gutenberg

Haikei

Una colección de herramientas para generar formas, fondos y patrones para usar en su diseño. Cuenta con una serie de herramientas, incluida una para generar un Blob, una Ola, Ondas de capa, degradados y algunas otras por venir.

haikei

Patrones de diseño

Una colección de patrones de diseño para estructurar su código PHP. Cubre varios estándares y es una fuente recomendada si planea profundizar y mejorar sus habilidades de desarrollo de PHP.

patrón-de-diseño-php

Ruta de accesibilidad

Una colección de materiales de aprendizaje para aprender sobre accesibilidad web y diseño inclusivo. Puede encontrar libros, videos, artículos de blogs y herramientas. Una excelente fuente para ayudarlo a comenzar con los temas.

ruta de accesibilidad

Tour de código

Una extensión de VSCode para agregar una visita guiada para ayudar a los usuarios a navegar por la base del código en un proyecto. Esta es una gran herramienta para ayudar al nuevo desarrollador a familiarizarse con el código rápidamente.

vscode-code-tour

Reaccionar forma de gancho

Una biblioteca de React.js galardonada para crear formularios. Es fácil de usar, liviano, de rendimiento y presenta el marcado apropiado con validación HTML nativa. Además, esta biblioteca también está bien integrada con herramientas como TypeScript para la validación de tipos, ReactNative para crear formularios en una aplicación móvil y una biblioteca de validación como yup para aquellos que necesitan avanzar más.

forma de gancho de reacción

Tauri

Un marco para construir aplicaciones de escritorio con técnicas web. Tauri se centra en el rendimiento, menos resultados de la aplicación y proporciona una experiencia completa para que los desarrolladores creen una aplicación. Proporciona CLI, API, pruebas y marco de CI. Un ejemplo de una aplicación desarrollada con Tauri solo puede tener 600 KB.

tauri

Reaccionar administrador

Una biblioteca React.js para desarrollar una aplicación web para administrar cualquier tipo de datos. Está construido sobre una pila moderna que incluye las API de REST y GraphQL, ES6, React y Material Design. Esta biblioteca es un excelente punto de partida para construir una interfaz administrativa usando React.js.

Reaccionar administrador

EditorJS

Una biblioteca de JavaScript para crear un editor de texto interactivo para navegadores modernos. Parece moderno y limpio que el editor WYSIWYG normal y es extensible con complementos. También genera datos bien estructurados que puede usar en cualquier lugar del sitio web, aplicación móvil, AMP, artículos instantáneos y lectores de voz.

EditorJS

DOM HTML

Una buena función que muestra fragmentos de código y consejos para interactuar con DOM solo con la API nativa del navegador. Hoy en día ya no es necesario utilizar jQuery o Zepto.

DOM HTML

Increible composicion

Aquí es donde puede encontrar una lista increíble de herramientas y aplicaciones que pueden ayudarlo a aumentar su productividad cuando trabaja con Docker y Docker Composer.

Increible composicion

Author

Moisés Cabrera

Encantado de emprender, el Internet es como pez en el rio para mi y quiero aportar valor a este mundo digital. Si crees que es de interés estos artículos no dudes en comentar.

¿Te gusta nuestro contenido?Recibe noticias y estrategias digitales a tu correo.

No pierda la oportunidad de recibir también descuentos de nuestros servicios.