Desèño Web Interaktivo

Resumen

Un website no mester ta un brosjura ku bo ta scroll pasa dje. Mas i mas mi ta traha website interaktivo, página ku bo por wega ku nan: un globo ku bo ta hira, obra di arte ku ta hasi lugá pa bo dede, edifisio ku ta konstruí nan mes i hendenan chikí ku ta kontestá bo. Den e artíkulo aki mi ta mustra kuater di nan!

Teksto kompleto

Wega

Hende ta kòrda loke nan a toka. Un página ku ta reakshoná riba bo mouse of bo dede ta invitá bo pa wak rònt, pa purba algu, pa keda un tiki mas largu. Antes esei tabata teknologia 3D difísil i kompliká, chip lento den telefòn, un bateria ku ta seka... difísil! Ma grasias na optimisashon ekstremo i pipeline di AI outomátiko mi por pone e nivel hopi mas haltu awor! AWOR E POR, E POR DI VERDAT!!

Mira e pelíkula abou pa wak kon e ta funshoná:

Un globo pa kardiologia

gpcardio.org ta e Global Primary Care Cardio Network: lektura, aktualisashon di guia i un revision di literatura tokante kuido di kurason, ron i metabolismo, pa dòktor di kas. E página prinsipal ta un globo di puntonan ku e sosiedatnan konektá markà riba nan paisnan. E lektura i aktualisashon mas nobo ta orbitá rònt di dje komo karta. Hala e globo i e mundu ta hira, tik riba un karta i e lektura ta habri, skohe un chip i so e videonan ta keda. BAM, E MUNDU ENTERO! Awor ESEI ta duna forma na un ambishon di bèrdat global!

[action1]

Obra di arte ku ta kore

Pa un evento di deporte mi a haña e obra di arte di e desèñadó kobra bida, ku shader 3D i WebGL. Na kuminsamentu e pistanan ta sali for di e ovalo, siguí pa konfeti. E punto di halftone ta reakshoná riba bo dede of mouse, e pistanan ta sprint ora bo scroll, e deportenan ta kore pa un meta ku un ganadó diferente kada biaha, i un relòshi gigante ta konta pa tras te e dia di apertura. E desèño live ta kuadra ku e obra original pa 99,3% di su pixel, ma e ta mínimo 300% mas divertí grasias na e interaktividat!

Edifisio ku ta konstruí nan mes

Pa un buro di konsulta teknikal pa edifisio i instalashon, kuater toren ta kai bin piso pa piso. Un liña di scan ta pinta kada piso segun su kondishon, i e kuadro ta stabilisá riba tèchi bèrdè: e fin sostenibel. Move bo mouse i e eskena ta hira huntu ku bo. Mas abou, tur servisio ta kore paralelo ku e proseso di konstrukshon riba un pista horizontal so, i tres ring ta rula huntu ora bo scroll. Dinámika den aktivonan fiho? NO TIN PROBLEMA!

Hendenan chikí

Pa un servisio di salú okupashonal mi a duna e persona den su logo un kara. Pasa riba un di nan ku bo mouse i e ta wak, tik riba dje i e ta bula, dansa of kai den flou i lanta atrobe, ku algu pa bisa. Nan ta kai den e página manera shuba ora bo scroll, i un multitut entero ta ordená su mes den 20, 60 i 20 porshento: ausensia ku kousa mèdiko, ku sirkunstansia personal, i ku kousa den e organisashon.

E konsehero di pakete ta hasi kuater pregunta. Ku kada kontesta e hendenan chikí ta kambia: mas kolega, trahadó flex, i ken ta yama malu ta drumi. E konseho ta mustra kuantu kada pakete ta kosta pa aña, i bo por tuma esaki direkt pa e inskripshon of pidi un yamada. Malesa i ausensia no ta divertí, ma un figura chikí ku ta kai ta mas graciosu ainda, i e lachi mes ta duna un proposishon seryo su impakto positivo.

Lihé miéntras e ta move

Mi ta traha esaki riba añanan di eksperensia ku teknologia di wega: for di Snake '97 pa Protect Your Eggs, un wega ku mi a traha ku mi yu di shete aña, i dato di entrenamentu den 3D. E eskenanan 3D ta wòrdu dibuhá den un worker banda di e página, pa e página mes keda liber pa reakshoná. Nan ta dibuha so ora algu kambia i ta sosegá un sekònde despues di e ùltimo tik. E hendenan chikí ta SVG i CSS simpel. Tras di kada eskena 3D tin un kuadro fiho, pa e promé pintura, pa telefòn ku no por dibuhá esaki, i pa bishitante ku ta gusta menos movementu. Niun framework i niun script di tersero: e tres páginanan di konsepto ta pesa entre 0,15 i 0,46 MB.

Midí ku Lighthouse, e instrumento tras di PageSpeed Insights di Google, performance riba e página prinsipal, telefòn / laptop:

| | Performance | Kontenido mas grandi (telefòn) | |---|---|---| | gpcardio.org | 96 / 100 | 2,9 s | | E evento di deporte | 99 / 100 | 1,8 s | | E buro di konsulta teknikal | 100 / 100 | 1,4 s | | E servisio di salú i siguridat | 99 / 100 | 2,1 s |

Lighthouse 13.5, mediana di tres kore pa página, 18 i 19 di òktober 2026.

Konklushon

E ta divertí tambe?! Esei ta loke un profesor sabí tabata puntra mi tur ora na Universidat. Awor mi ta aplika e 'lès' ei ku hopi plaser: desèño web interaktivo ta mas ku un tiki dekorashon. E ta tokante optimismo i un impakto ku ta dura, ku ta wega ku kurioridat natural! Bo ke pensa huntu riba e posibilidatnan kreativo tambe, un página ku hende ke toka? Manda un mensahe pa mi!