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

Hemos estado ejecutando esta serie durante varios años y parece que nunca se nos acaba. grandes características nuevas para diseñadores y desarrolladores. En esta ronda de la serie, tenemos herramientas, artículos y tutoriales que respaldan Desarrolladores PHP y desarrolladores front-end haría. Tenemos una función para obtener un logotipo ficticio, una herramienta para generar maquetas de imágenes, una herramienta GUI para crear su próxima aplicación genial de Laravel y mucho más. Pasemos a ver la lista completa.

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

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

Están sucediendo muchas cosas este mes en la industria de la tecnología; de Docker actualizando su negocio y planes,… Leer más

código de visualización

Una aplicación web que te permite presentar tu código con una imagen. Puede personalizar el color de fondo, el marco y el tamaño del editor de código. Admite muchos lenguajes de programación como PHP, JavaScript y lenguajes de modelado como Twig. Una herramienta útil para compartir código maravillosamente.

bucle de eventos

Con PHP8, PHP recibió un impulso de mejoras, que incluyen Fibra que está llegando a PHP8.1. Esta adición permite que PHP administre la operación de concurrencia de forma nativa y permite que el desarrollador construya un ramework sobre él, como la construcción de «Event Loop». Event Loop es un mecanismo que permitirá a PHP ejecutar un proceso de E/S sin bloqueo. No hay muchas referencias a Event Loop en PHP en este momento, pero puede ver el mismo concepto de la referencia de Node.js.

Libro de cuentos de Laravel

Esta biblioteca integra Storybook, una aplicación popular para administrar la interfaz de usuario y el sistema de diseño, en Laravel. Con él, puede renderizar la unidad de sus componentes Larvel usando el modelo de hoja y servidor de libros de cuentos directamente en su aplicación Laravel.

Interfaz de usuario de VSCode WebView

Una biblioteca de interfaz de usuario y diseño para el editor de Visual Studio Code (VSCode). Tiene una interfaz simple para el editor, como botón, selección, área de texto y entrada. Una gran característica si planea crear una extensión para VSCode y mantener su extensión consistente con el editor.

Laravel Lanzador

Una aplicación web para generar un andamio con Laravel. Le permite generar el marco de Laravel simple, «Breeze», que ya viene con algunas utilidades (por ejemplo, autenticación de usuario, marco de interfaz de usuario) y «Jetstream», que es una versión actualizada más avanzada de Breeze. Además, también puede definir la pila, como la base de datos, ya sea que desee elegir MySQL o PostgreSQL, método de autenticación, almacenamiento, caché e incluso sistema de pago.

Flasher de PHP

Un marco para administrar un sistema de notificación con PHP. Le permite mostrar múltiples tipos de notificaciones simultáneamente, generar notificaciones JSON e incluso enviar notificaciones al sistema operativo. Si usted es un desarrollador que se siente muy cómodo con PHP, definitivamente apreciará este marco.

logotipo de ipsum

Una colección de logotipos ficticios gratuitos que puede mostrar en su maqueta, plantilla o sitio web y aplicación ficticios. Tiene un puñado de colecciones diseñadas para adaptarse a cualquier interfaz de usuario o estilo gráfico. Puede personalizar los estilos, colores y descargar cada logotipo como SVG.

MJML

MJML es un marcado que tiene como objetivo facilitar la composición del diseño de las plantillas de correo electrónico. Elimina la complejidad de las plantillas de correo electrónico con su propio elemento HTML personalizado. Puede comenzar a agregar el componente. El documento es bastante completo si recién está comenzando. Y luego puede compilar el marcado con la compilación de hilo para obtener el resultado real que puede enviar a los correos electrónicos.

Aprende CSS

Una iniciativa de Google Developer para proporcionar un recurso completo para aprender CSS. Cubre los fundamentos de CSS, como Box Model, Selectors, Cascade y Herencia y especificidad, que proporcionan una base sólida sobre cómo funciona CSS. Útil para principiantes y desarrolladores front-end de nivel avanzado.

ViteBook

ViteBook tiene como objetivo proporcionar una alternativa a libro de cuentos — una popular herramienta de código abierto para administrar el diseño y los sistemas de interfaz de usuario. construido encima de Vite.js, su enfoque principal es el rendimiento. ViteBook se encuentra actualmente al comienzo de WIP. Estoy deseando ver cómo evoluciona.

reducir

Encute es una biblioteca PHP para cargar y administrar scripts y estilos en WordPress con el estándar de programación orientada a objetos (OOP). Entonces obtenemos una mejor sintaxis y agregamos algunas características adicionales. Por ejemplo, puede poner en cola un script con carga «aplazada» o «asincrónica» y cargarlo como un «módulo».

iconos de inicio

oreja solía incluir el icono de FontAwesome en su paquete. Ahora ha creado su propio conjunto de iconos oficial. El conjunto contiene más de 1300 íconos y cada ícono se ofrece en dos estilos diferentes, contorno y estilo relleno, y viene con dos formatos y íconos de fuente SVG. Al igual que Bootstrap, estos íconos son GRATIS PARA SIEMPRE.

interfaz de usuario abierta

Una iniciativa y un esfuerzo colaborativo de desarrolladores e ingenieros web para crear una interfaz de usuario estándar con una especificación abierta que el desarrollador puede adoptar e implementar independientemente de la plataforma utilizada en el sitio web. Actualmente es un trabajo en progreso. Espero con ansias cómo afectará esto al desarrollo web en el futuro.

desenfoque

Un algoritmo para generar una representación «borrosa» de una imagen. Esto le brinda una pequeña imagen bonita que puede usar como marcador de posición mientras la imagen real está completamente cargada. No más cajas vacías feas.

CORS

¿Encontró un error CORS en su sitio? ¿Te preguntas cómo sucede esto y cómo solucionarlo correctamente? Este artículo proporciona todas las respuestas con explicaciones detalladas y detalladas.

Mes

Mo es una práctica utilidad CLI que le permite localizar módulos Node.js no utilizados en su sistema informático. También observará el uso de la memoria y le dará la opción de eliminarlo de su computadora si lo desea. Es una gran manera de liberar algo de espacio en disco en su computadora.

Informe de herramientas del empaquetador

El “Informe de herramientas del empacador” proporciona un informe detallado de las capacidades de un empacador. Hay varios en la lista, como Webpack, Browserify, Rollup y Parcel. Si no está seguro de cuál encajaría con su aplicación, este informe le ayudará.

mantina

Un conjunto de más de 120 componentes para crear webs y aplicaciones modernas con React. Además de los componentes, también proporciona una lista de React Hooks personalizados que pueden ser útiles en diversas situaciones, como acceder a la referencia DOM, realizar la función «recuperada», administrar el estado, etc.

KeystoneJS

Un CMS sin cabeza basado en Node.js de código abierto. Ayuda a los desarrolladores a crear aplicaciones o sitios web de modelos de datos personalizados más rápido. Solo necesita describir el esquema y automáticamente proporcionará la interfaz de usuario y la API de GraphQL para acceder a los datos en el front-end.

LoremEspacio

Una herramienta para generar imágenes ficticias o maquetas. En lugar de generar imágenes aleatorias, te permite elegir el tema de la imagen. Como «película» generará la imagen del póster de la película a partir de la imagen de la lista, «álbum» para generar la portada del álbum de música y «juego» para generar las imágenes de la portada del juego. Puede seleccionar el que se ajuste al tema de su sitio web.