CSStyle.me - Generadors CSS per a Desenvolupadors
CSStyle.me és una eina web que vaig desenvolupar per simplificar la vida dels desenvolupadors, permetent generar visualment codi CSS per a elements comuns (box-shadows, filtres, inputs) i convertir classes de Tailwind a CSS estàndard. L'objectiu és agilitzar la creació d'estils personalitzats sense escriure codi CSS manualment.
Completat
La Meta: Agilitzar la Creació de CSS de Forma Visual
El desenvolupament de CSStyle.me va sorgir de la necessitat d'una eina que facilités la creació d'estils CSS de manera visual. Molts desenvolupadors s'enfronten a dificultats en escriure CSS manualment, per la qual cosa CSStyle.me busca simplificar aquest procés.
Tecnologies
- Gatsby
- React
- CSS
Reptes
Desenvolupament d'un Generador Visual de Codi CSS
Vaig implementar un generador de codi CSS que permet als usuaris crear estils de manera visual. Això va implicar dissenyar una interfície intuïtiva i fàcil d'usar, així com gestionar la lògica per convertir les seleccions de l'usuari en codi CSS.
Personalització d'Estils
Vaig desenvolupar funcionalitats que permeten als usuaris personalitzar els seus estils CSS d'acord amb les seves necessitats. Això inclou la possibilitat d'ajustar propietats com colors, mides i efectes de manera visual.
Compatibilitat amb Diferents Navegadors
Vaig assegurar que el codi CSS generat per CSStyle.me sigui compatible amb els principals navegadors. Això va implicar realitzar proves exhaustives i ajustar el codi segons sigui necessari.
Implementació de Desat d'Estils i Previsualització en Temps Real
Vaig implementar una funcionalitat que permet als usuaris desar els seus estils generats i previsualitzar-los en temps real. Això millora l'experiència de l'usuari en permetre-li veure com s'apliquen els estils sense necessitat de recarregar la pàgina.
Aprenentatges
A través del desenvolupament de CSStyle.me, he après sobre la generació de codi, investigant CSS més a fons, la importància d'una interfície d'usuari atractiva i la necessitat de simplificar processos complexos. Aquest projecte m'ha permès aplicar els meus coneixements de React, així com explorar noves tecnologies per millorar l'experiència de l'usuari.