Animación de papel plegado usando solo CSS

Hace un tiempo atrás estuve experimentando con transformaciones y transiciones en CSS3 usando para ello Sass. Decidí entonces pasar estos experimentos a un Codepen para compartirlo con la comunidad porque me parecieron intersantes.

Leer más »

Animación 3D de un plano usando CSS3

Hace unos días respondí una pregunta en Stack Overflow en la cual se pedía traducir una animación 3D de un plano, realizada con Popmotion a GreenSock.

Respondiendo a dicha pregunta resultó el siguiente código JavaScript que replica el mismo efecto de la animación original, pero usando para ello solo cálculos en JavaScript

Leer más »

Geometría en las aplicaciones web

Las matemáticas están presentes en nuestra vida diaria. Como nos recuerda la aclamada serie: «We all use math every day». En el desarrollo web del lado del cliente necesitamos apelar –entre otras ramas– a la geometría y la trigonometría en el momento en que deseamos realizar aplicaciones que requieren de un alto contenido de animaciones e interactividad.

Leer más »

Transformaciones y transiciones en CSS3

Hace mucho tiempo que venía dándole vueltas a hacer un tutorial básico que tratara el tema de las transformaciones y transiciones en CSS3. Este tipo de técnica nos permite crear transformaciones de elementos HTML o incluso animarlos sin tener que recurrir para ello a JavaScript. Al hacer uso de las transformaciones mediante hojas de estilo los cálculos se los dejamos a la GPU en vez de dejar que sea la CPU quien se encargue de esta tarea, por lo que dependiendo del caso las animaciones tienden a ser más suaves y precisas debido a que este tipo de tareas permiten trabajar con números no enteros.

Leer más »