Recursos para desarrolladores y diseñadores web
Recursos para desarrolladores y diseñadores web
  • Categoría de la entrada:Recursos Web / Webmaster
  • Tiempo de lectura:7 minutos de lectura

Más recursos de los que la web nos deja a todos para poder mejorar nuestras nuevos proyectos y optimizar nuestro trabajo, lo que nos hace seguir mejorando cada día más y más.

Los diseñadores y desarrolladores tienen infinidad de herramientas, artículos y tutoriales para no dejar de mejorar. En este caso, los desarrolladores de PHP tanto de back-end como front-end van a encontrar tools de utilidad.

En esta lista vas a encontrar como poder obtener un logotipo ficticio, una herramienta para generar maquetas de imágenes, una herramienta GUI para crear aplicaciones geniales con Laravel y más.

A continuación, te dejo lista completa de herramientas.

Showcode

Una aplicación web que te permite presentar tu código con una imagen. Puede personalizar el color de fondo, el framework del editor de código y el tamaño.

Es compatible con muchos lenguajes de programación como PHP, JavaScript, así como con lenguajes de plantillas como Twig. Una herramienta útil para compartir código maravillosamente.

EventLoop

Con PHP8, PHP recibió un impulso de mejoras, incluida la fibra que llegará a PHP8.1.

Esta adición permite que PHP administre la operación de concurrencia de forma nativa, y permite al desarrollador construir un framework sobre él, como construir un “bucle de eventos”.

Event Loop es un mecanismo que permitirá a PHP realizar un proceso de E / S sin bloqueo. No hay muchas referencias de bucle de eventos en PHP, en este momento, pero se puede mirar en el mismo concepto de la referencia Node.js.

Laravel Storybook

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

Interfaz de usuario de VSCode WebView

Una interfaz de usuario y una biblioteca de diseño para el editor de Visual Studio Code (VSCode).

Tiene una interfaz simple para el editor como el botón, seleccionar, área de texto y entrada. Un gran recurso si planea crear una extensión para VSCode y mantener la coherencia de su extensión con el editor.

Inicializador de Laravel

Una aplicación web para generar un andamio con Laravel.

Permite generar el framework de Laravel básico, “Breeze” que ya está incluido con algunas utilidades (por ejemplo, autenticación de usuario, framework de interfaz de usuario) y “Jetstream”, que es una versión mejorada más avanzada de Breeze.

Además de eso, también puede configurar la pila, como la base de datos, ya sea que desee elegir MySQL o PostgreSQL, método de autenticación, almacenamiento, caché e incluso el sistema de pago.

PHP Flasher

Un framework para gestionar un sistema de notificaciones con PHP.

Permite mostrar varios tipos de notificaciones simultáneamente, presentar notificaciones desde JSON e incluso enviar notificaciones al sistema operativo.

Si es un desarrollador que se siente muy cómodo con PHP, definitivamente apreciará este framework.

LogoIpsum

Una colección de logotipos ficticios gratuitos que puede mostrar en su maqueta, plantilla o sitio web y aplicación ficticios.

Tiene bastantes colecciones diseñadas para adaptarse a cualquier interfaz de usuario o estilo gráfico.

Puedes personalizar los estilos, el color y descargar cada logotipo como SVG.

MJML

MJML es un marcado que tiene como objetivo facilitar la composición del diseño para las plantillas de correo electrónico. Elimina la complejidad de las plantillas de correo electrónico con su propio elemento personalizado HTML. Puedes comenzar a agregar el componente.

El documento es bastante completo si acaba de comenzar y luego puede compilar el marcado con el yarn build para obtener el resultado real que puede enviar a los correos electrónicos.

Aprender CSS

Una iniciativa de Google Developer para proporcionar un recurso completo para aprender CSS.

Cubre los fundamentos de CSS, como el modelo de caja, selectores, cascada y herencia y especificidad, lo que brinda una base sólida de cómo funciona CSS.
Útil tanto para principiantes como para desarrolladores frontales de nivel avanzado.

ViteBook

ViteBook tiene como objetivo proporcionar una alternativa a Storybook , una popular herramienta de código abierto para administrar la interfaz de usuario y los sistemas de diseño.

Construido sobre Vite.js, su enfoque clave es el rendimiento. ViteBook se encuentra actualmente en fase inicial de WIP.

Encute

Encute es una biblioteca PHP para cargar y administrar scripts y estilos en WordPress con el patrón de programación orientada a objetos (OOP).

Entonces obtenemos una sintaxis más agradable y agrega algunas características adicionales.

Por ejemplo, puede poner en cola una secuencia de comandos con carga “diferida” o “asíncrona” y cargarla como un “módulo”.

Iconos de Bootstrap

Bootstrap solía incluir el icono de FontAwesome en su paquete. Ahora ha creado su propio conjunto oficial de iconos.

El conjunto contiene más de 1.300 íconos con cada ícono ofrecido en dos estilos diferentes, contorno y estilo relleno y viene con dos íconos de fuente de formato y SVG. Al igual que Bootstrap, estos iconos son gratuitos PARA SIEMPRE.

Open UI

Una iniciativa y un esfuerzo colaborativo de los 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. Estoy deseando saber cómo afectará esto al desarrollo web en el futuro.

Blurhash

Un algoritmo para generar una representación “borrosa” de una imagen. Esto le brinda una pequeña imagen hermosa que puede usar como marcador de posición mientras la imagen real se carga por completo. No más cajas vacías feas.

Cors

¿Ha encontrado un error CORS en su sitio web? ¿Se pregunta cómo sucede eso y cómo solucionarlo correctamente? Este artículo proporciona todas las respuestas con explicaciones detalladas en profundidad.

Mo

Mo es una práctica utilidad CLI que le permite encontrar módulos Node.js no utilizados de su sistema informático.

También examinará el uso de la memoria y le brindará una opción para eliminarlo de su computadora si lo desea.

Es una excelente manera de liberar espacio en el disco de su computadora.

Informe de herramientas de agrupadores

El “Informe de herramientas de empaquetadores” proporciona un informe detallado de las características de un empaquetador.

Hay varios en la lista, como Webpack, Browserify, Rollup y Parcel. Si no está seguro de cuál encajaría en su aplicación, este informe le ayudará.

Mantine

Un conjunto de más de 120 componentes para crear aplicaciones y web modernas con React.

Aparte de los componentes, también proporciona una lista de React Hooks personalizados que pueden ser útiles en muchas situaciones, como para acceder a la referencia DOM, realizar la función “antirrebote”, gestión de estado, etc.

KeystoneJS

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

LoremSpace

Una herramienta para generar imágenes ficticias o maquetas. En lugar de generar imágenes aleatorias, te permite elegir el tema de la imagen.

Por ejemplo, la “película” generará la imagen de lista, la imagen del póster de la película, el “álbum” para generar la portada del álbum de música y el “juego” para generar las imágenes de portada del juego. Puede seleccionar que se ajuste al tema de su sitio web.