Com Construïa un Widget de Neu per a Llocs Web i el Vaig Fer Personalitzable

SnowStorm és un widget lleuger i modern per afegir una nevada suau de fons al teu lloc. Plug and play, configurable sense editar codi: colors, formes, velocitat i densitat. Interacció amb ratolí, efectes de fusió, desactivació en mòbils i rang de dates. Prova la demo a ezpeazy.dev.

domingo, 17 de agosto de 2025 • 3 min de lectura • Equip Q2BSTUDIO

Intel·ligència-Artificial-

El desembre passat volia afegir una petita animació de neu a un projecte personal — res d'exagerat, només una nevada suau al fons per donar-li un aire festiu d'hivern.

Vaig buscar entre opcions existents i gairebé tot el que vaig trobar semblava ancorat al 2009. Eren scripts pesats, basats en tècniques antigues o que obligaven a editar fitxers CSS i JS per ajustar paràmetres bàsics.

Així que vaig fer el que fa qualsevol desenvolupador una mica tossut: ho vaig construir jo mateix. Així va néixer SnowStorm, un widget pensat per ser modern, lleuger i fàcil d'integrar.

Per què un altre efecte de neu

Lleuger — paquet reduït per a una animació fluida fins i tot en dispositius de gamma baixa.

Plug and play — integra-ho en segons sense tocar la resta del codi.

Personalitzable sense editar codi — colors, formes i velocitats configurables des d'un panell o mitjançant paràmetres inline.

Què pot fer

Colors — flocs blancs clàssics, flocs daurats o confeti multicolor.

Formes — cercles, estrelles, emojis personalitzats o icones pròpies.

Velocitat i densitat — ajusta la velocitat de caiguda i la quantitat de flocs.

Interacció amb el ratolí — els flocs poden apartar-se del cursor o reaccionar a gestos.

Efectes de fusió — els flocs poden 'fondre's' en tocar el terra.

Orientació per dispositiu — desactiva l'animació en mòbils per estalviar recursos.

Rang de dates — executa-ho només entre dates concretes, per exemple de l'1 de desembre a l'1 de gener.

Exemple mínim

Insereix el fragment següent al teu HTML bàsic per activar SnowStorm

<script src=https://www.ezpeazy.dev/snow-storm.js?token=your-personal-token async></script>

I això és tot, la neu començarà a caure i pots ajustar el comportament des del panell de configuració o passant paràmetres.

Demostració

Pots provar una demo a https://www.ezpeazy.dev/ on canviar colors, formes i fins i tot utilitzar els teus emojis preferits com a flocs.

Si l'utilitzes en un projecte, ens encantaria veure un enllaç, especialment si vas personalitzar els emojis o vas crear combinacions curioses.

Sobre Q2BSTUDIO

A Q2BSTUDIO som una empresa de desenvolupament de programari i aplicacions a mida especialitzada en solucions modernes i segures. Oferim programari a mida i aplicacions a mida dissenyades per resoldre necessitats concretes de negoci, integrant intel·ligència artificial i ciberseguretat des de l'inici del projecte.

Els nostres serveis inclouen solucions d'intel·ligència artificial per a empreses, agents IA que automatitzen processos, serveis d'intel·ligència de negoci i dashboards amb power bi. També proveïm serveis cloud aws i azure per desplegar i escalar les teves aplicacions amb alta disponibilitat i seguretat.

Si vols integrar efectes visuals com SnowStorm en una plataforma a mida, automatitzar respostes amb agents IA, analitzar dades amb power bi o protegir la teva infraestructura amb ciberseguretat professional, Q2BSTUDIO pot dissenyar i implementar la solució completa.

Paraules clau rellevants per trobar-nos: aplicacions a mida, programari a mida, intel·ligència artificial, ia per a empreses, agents IA, ciberseguretat, serveis cloud aws i azure, serveis intel·ligència de negoci, power bi.

Feliç desenvolupament i que la neu digital afegeixi un toc especial als teus projectes. Si necessites ajuda per adaptar SnowStorm a un entorn corporatiu o integrar-lo amb solucions cloud i d'intel·ligència artificial, contacta amb l'equip de Q2BSTUDIO.

ELS NOSTRES SERVEIS

Com et podem ajudar

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.