Algunas de mis bibliotecas favoritas para el desarrollo web 2023
Foto de Pankaj Patel en Unsplash
CSS es difícil, ya sea que sea un profesional con licencia o esté comenzando. Aquí hay una lista compilada de mis bibliotecas CSS favoritas que considero esenciales para crear una interfaz UI/UX eficaz.
1) Oreja
Un conjunto de herramientas de interfaz potente y repleto de funciones para personalizar sitios web con SASS. Definitivamente es un sitio web esencial para usar al crear UX. Los temas se crean en Bootstrap como sus propios marcos extendidos, ricos en nuevos componentes y complementos, documentación y herramientas de compilación sólidas.
2) Animar
La biblioteca más sencilla con herramientas esenciales y un diseño web interactivo es realmente la herramienta número uno para principiantes. Excelente para énfasis, páginas de inicio, controles deslizantes y sugerencias para guiar la atención.
3) Viento de cola
Tailwind CSS se utiliza con frecuencia entre creadores de sitios web principiantes y avanzados. Facilitan la coherencia con las opciones de color, el espaciado, la tipografía, las sombras y todo lo demás que constituye un sistema de diseño bien diseñado.
4) Semántico
Semantic es un marco de desarrollo que ayuda a crear diseños atractivos y responsivos utilizando HTML amigable para los humanos. Semantic está diseñado completamente con em, lo que hace que el tamaño responsivo sea muy sencillo. Personalmente no lo he usado, pero según los desarrolladores, parece encajar bien en la lista.
Foto de Jackson Sophat en Unsplash
5) Tácito
Tacit es un marco CSS primitivo para tontos, como yo, que no saben nada sobre diseño gráfico pero quieren que sus servicios web parezcan comestibles. Sin clases, sin diseños. Simplemente diseñe páginas web sencillas y compatibles con HTML5 y se verán bien. Una base de datos muy simple y fácil de usar para todos los niveles de diseñadores de UI.
6) Miligramo
El sueño de un minimalista que está especialmente diseñado para un mejor rendimiento y una mayor productividad con menos propiedades, lo que da como resultado un código más limpio. Definitivamente uno de los favoritos cuando se trata de un sitio web rápido y moderno.
7) Esqueleto
Un marco CSS ligero y responsivo. Skeleton solo diseña un puñado de elementos HTML estándar e incluye una cuadrícula, pero eso suele ser más que suficiente para comenzar.
8) Bulma
Bulma es un marco de código abierto, gratuito y muy fácil de aprender que proporciona componentes frontend listos para usar que puedes combinar fácilmente para crear interfaces web responsivas.
9) magia
Una de mis bibliotecas más utilizadas con logotipos, animaciones y efectos llamativos. Definitivamente un fuerte contendiente en la lista.
10) Picnic
Biblioteca ligera y hermosa. Realmente son las pequeñas cosas las que más importan en una interfaz de usuario.
11) Media Luna
Lo bueno del marco es que está construido completamente usando variables CSS (también conocidas como propiedades personalizadas de CSS). Hay cerca de 1500 variables CSS, lo que significa que casi todo se puede personalizar anulando una propiedad, lo que hace que sea muy fácil crear un tema para Halfmoon que se ajuste a su marca.
12) Líquido
Esta pequeña biblioteca CSS sirve para evitar la web responsiva centrándose en la fluidez pura en la que el sistema comunica qué tamaño se va a representar. Se recomienda utilizarlo para blogs, portafolios y documentación.
13) Animación CSS
Un resumen de artículos que le ayudarán a crear efectos de movimiento para su sitio web.
14) Patrón.css
Por último, pero no menos importante, Pattern te permite diseñar hermosas imágenes y patrones de fondo para sitios web. Una de las bibliotecas más fáciles de usar y efectivas para crear una experiencia de usuario impresionante.