20 Recursos para desarrolladores y diseñadores web #2

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.

Relacionado

ForEach de Javascript: Array para bucles

Como una de las estructuras de control básicas en la programación, los bucles son casi una adición diaria al código que escribimos. El bucle forEach clásico es uno de los primeros fragmentos de código que aprendemos a escribir como programadores. Si fueras un desarrollador de Javascript, sabrías que Javascript no es ajeno a la iteración a través de los elementos de una matriz o un mapa ¡SEGUIR LEYENDO!

10 Mejores alternativas de Sci-hub para descargar artículos de investigación gratis

Como sabemos, Sci-hub es un sitio web increíble con millones de artículos de investigación para todos los estudiantes universitarios y académicos. El sitio web de Sci-Hub se encarga de obtener los artículos de investigación y artículos de pago utilizando las credenciales que se filtran. La fuente de credenciales utilizada por este sitio web no está clara. Sin embargo, se supone que muchas de ellas son donadas, ¡SEGUIR LEYENDO!

10 Características Sorprendentes de Windows que Deberías Conocer en 2024

Aunque haya sido usuario de Windows durante décadas, el sistema operativo es tan amplio y complejo que siempre existen características útiles, pero menos conocidas, que podrían sorprenderte. En este sentido, he identificado diez funciones poco conocidas de Windows que pueden potenciar su eficiencia, comodidad e incluso su experiencia de uso lúdico en su PC.

¡REBAJADO!
Microsoft Surface Go 2 - Portátil 2 en 1 de 10.5 pulgadas Full HD, Wifi, Intel...
  • Procesador Dual-Core Intel Pentium Gold 4425Y (2...
  • Memoria RAM de 8 GB LPDDR3
  • Disco SSD de 128 GB
Todas estas características deberían ser compatibles tanto con Windows 10 ¡SEGUIR LEYENDO!
10 Criptomonedas con Potencial de Crecimiento de Futuro

El rumor en torno a las criptomonedas no se desvanece por mucho que existan grandes pesimistas alrededor de los malos rumores. Entonces, si consideras invertir en el mundo de las criptomonedas, deberías estar atento a las criptomonedas que se espera que tengan un buen desempeño para el resto de 2021. En los últimos tiempos, los tokens DeFi están recibiendo toda la atención y es más que ¡SEGUIR LEYENDO!

10 Empresas de robótica más importantes del mundo

Los cambios de paradigma revolucionarios debido a los desarrollos de la robótica en todo el mundo están generando nuevos puntos de vista en muchos sectores, entre ellos en los de la industria y la tecnología. Con la ayuda de la Inteligencia Artificial, la tecnología produce resultados innovadores cada segundo y el campo de la robótica define y reconfigura su uso a cada instante. Cada día que ¡SEGUIR LEYENDO!

10 Frameworks que los Desarrolladores de Software deberían Aprender 2024

Bienvenidos desarrolladores web y de software, estamos en los inicios de 2023 y es posible que muchos se esten planteado sus objetivos para lo largo del año. Con anterioridad ya he compartidos las rutas de aprendizaje para un desarrollador front-end, un desarrollador full-stack o un desarrollador back-end entre otros muchos contenidos más. En este artículo, me gustaría compartir algunos de los mejores frameworks y bibliotecas para ¡SEGUIR LEYENDO!

10 Repositorio de GitHub que todo Desarrollador Web debería conocer

GitHub es el lugar que debes buscar cuando intentas mejorar como desarrollador, toda la información que necesitas está disponible en algún repositorio que alguien ya se ha molestado en indexar. Sin embargo, la parte complicado es encontrar el repositorio más adecuado. Es fácil sentirse perdido en todos los repositorios disponibles dentro de GitHub. Para ayudarte, he elaborado una lista de 10 repositorios de GitHub que pueden ¡SEGUIR LEYENDO!

Deja un comentario

Salir de la versión móvil