19 resultados por: animaciones
Comprender LCP, CLS, FID. Todo sobre Core Web Vitals en Google Search Console
Hace unos meses hablamos de ciertas Métricas de Google tque se muestran en la Search Console. El motivo de escribir otro post sobre este tema es que Google ha vuelto a cambiar esto, dando prioridad a otras métricas. Curiosamente, en ese estudio anterior pensamos que el FCP y el FID no…
Category : Seo & sem 26-06-2023 by Laura Celis Ballesta
Explorando la API de CSS Paint: Redondeo de formas parte 1
Añadir bordes a las formas complejas es un auténtico rollo (a veces), pero redondear las esquinas de las formas complejas es un suplicio jejeje. Por suerte, la API de pintura de CSS o CSS Paint API ha llegado a rescatarnos. En general, cuando trabajamos con la API de pintura CSS seguimos…
Category : Css 25-10-2021 by Silvia Mazzetta
Las Mejores Librerias de JavaScript para Aumentar la Productividad
Todos escribimos mucho código en nuestro día a día. A veces creamos aplicaciones enormes y otras veces nos pasamos el día escribiendo código para funciones sencillas que quizá no tengamos que programar en absoluto. Hay cientos de miles de bibliotecas para todo tipo de casos de uso, y el uso…
Category : Javascript 08-03-2021 by
Creación de un sencillo spinner-loader CSS
En el artículo de hoy mostraremos cómo animar un loader básico que gira cuando se define alguna acción predefinida, como cargar una imagen. Eso se puede utilizar en un sitio web, por ejemplo, cuando hay una solicitud en ejecución y el resultado aún no se recupera. ¿Qué son? Animación de carga, Loader,…
Category : Css 05-04-2021 by
7 Nuevos y Asombrosos Usos del Aprendizaje de Máquinas
Recientemente un extraño video publicado en YouTube causó una controversia - fue una divertida toma del tradicional mensaje navideño de la Reina Isabel creado por el Canal 4, una emisora de televisión pública británica. Usaron la IA para producir un video falso de la Reina haciéndolo parecer muy realista y si…
Category : Tecnologías 31-12-2020 by Iveta Karailievova
Como construir mejores componentes de alto nivel (Higher-order components) con el Vue 3
El Vue 3 será lanzado pronto con la introducción del API de composición (Composition API). Viene con muchos cambios y mejoras en el rendimiento. Los componentes de orden superior (HOC o Higher-order components) son componentes que añaden ciertas funcionalidades a su aplicación de forma declarativa utilizando la plantilla. Creo que seguirán…
Category : Javascript 26-05-2023 by Luigi Nori
Guía sencilla para convertir imágenes a WebP en PHP
El 30 de septiembre de 2010, Google anunció la publicación de un nuevo estándar abierto para la compresión con pérdida de gráficos de 24 bits en la web. La base para este estándar fue el formato de vídeo VP8, desarrollado por On2 Technologies, empresa que Google adquirió el mismo año. Google trabajó para…
Category : Php 03-04-2023 by Silvia Mazzetta
Transiciones y Transformaciones CSS : guia básica con ejemplos
Desde el lanzamiento de CSS3, las transiciones permiten a los diseñadores web y desarrolladores web front-end crear animaciones sin necesidad de usar JavaScript. A partir de este mismo año 2019, las transiciones son finalmente soportadas por todos los navegadores modernos. Si desea utilizar transiciones en navegadores antiguos, es necesario utilizar prefijos…
Category : Css 20-11-2019 by Silvia Mazzetta
Cómo hacer animaciones en CSS3
Las animaciones CSS son una alternativa más poderosa que las transiciones. En vez de confiar en el secuencia de un estado inicial a un estado final, las animaciones pueden tener cuantos estados se necesiten en medio del estado inicial y el estado final, ofreciendo un mayor control de cómo los…
Category : Css 01-06-2020 by Silvia Mazzetta
4 cosas que no sabías sobre Grid CSS
Durante mucho tiempo, el CSS no contenía un gran número de sorpresas. Desarrollándose a un ritmo tranquilo, el lenguaje se conformaba con estilizar sus fuentes y hacer flotar sus divs, mientras que lenguajes como JavaScript hacían el trabajo pesado. Sin embargo, en los últimos años, el CSS ha vivido un etapa…
Category : Css 03-06-2022 by Janeth Kent
Como desarrollar un videojuego con JavaScript (parte 1)
He estado usando JavaScript durante algunos años para desarrollar aplicaciones Web y Móviles, y recientemente he estado desarrollando un interés en hacer videojuegos. En este artículo te llevaré a través de la creación de juegos increíbles con JavaScript. Usaremos los trabajos de Karim Maloul como ejemplo See the Pen JavaScript Game by…
Category : Javascript 06-06-2019 by Janeth Kent
¿Jquery va a morir en 2019?
Durante un tiempo, la relevancia de JQuery ha sido un tema de debate entre los desarrolladores web. Como desarrolladores web interesados en Javascript, teníamos curiosidad por saber lo que los demás expertos del sector opinan al respecto. Así que navegamos a través de la historia de Javascript junto con algunas discusiones…
Category : Javascript 05-06-2019 by Janeth Kent
Ejemplo completo de CRUD con Redux y React
El objetivo de este artículo es explicar los conceptos básicos de Redux mediante una aplicación CRUD. La mayoría de las aplicaciones son aplicaciones CRUD. Si no sabes lo que CRUD realmente es, es la abreviatura de Create, Read, Update y Delete. Así que esta entrada de blog te mostrará los pasos…
Category : Javascript 23-08-2018 by Janeth Kent
Ilustraciones en SVG para descargar y usar en tus proyectos
SVG es un tipo de formato de imagen que se utiliza en la web, la sigla está por "Scalable Vector Graphics", lo que en español podría entenderse como Gráficos Vectoriales Redimensionales. Como su propio nombre indica, a diferencia de los formatos de imagen más populares, SVG es un archivo vectorial. Esto implica que…
Category : Diseño web 19-06-2018 by Janeth Kent
Microsoft Fluent Design, se estrena la nueva interfaz de windows
Microsoft ha anunciado hoy que la tercera gran actualización (conocida anteriormente como Redstone 3) llegará en otoño al sistema operativo y se llamará Fall Creators Update, siguiendo un nombre similar al de la actualización lanzada en abril. Además añadirá la nueva interfaz Project Neon que ahora es Microsoft Fluent Design…
Category : Software 12-05-2017 by Janeth Kent
Plugins jQuery para Efectos de Transición de Páginas con CSS3
Todo el mundo sabe que si desea más tráfico en su sitio web y quiere estar en la cima de los resultados de búsqueda también debe tener la página web mas hermosa, mejor y profesional posible, para hacer esto jQuery es la solución. Independientemente del contenido que tenga una web, se…
Category : Javascript 10-02-2017 by Janeth Kent
11 librerias javascript open source para proyectos front-end
Sin duda, JavaScript es uno de los lenguajes de programación más usados de la actualidad, gracias a este, tenemos acceso a distintas características que se ofrecen en los sitios web que visitamos regularmente y que hacen nuestra experiencia de navegación mucho más agradable, simple y entretenida. Los navegadores que usamos llevan integrados…
Category : Javascript 17-06-2020 by Janeth Kent
Los experimentos de Chrome: Google Chrome Experiments
No sólo el lema Don’t be evil (no seas malvado)! Los chicos de Google tienen como norma la frase "Be funny (sé divertido)" y "Let’s surprise (Sorprende)". Es por eso que cada dos por tres nos alegran el día con sus doodles, algunos de ellos interactivos, o con vídeos explicativos. Pero hay más, como ejemplo, los experimentos de Google en…
Category : Software 02-07-2020 by Janeth Kent
Cómo crear un selector de color con HTML5 Canvas
HTML5 Canvas es una tecnología que permite a los desarrolladores generar gráficos y animaciones en tiempo real utilizando JavaScript. Proporciona un lienzo en blanco en el cual se pueden dibujar y manipular elementos gráficos, como líneas, formas, imágenes y texto, con gran flexibilidad y control. Aquí hay algunos conceptos clave sobre…
Category : Diseño web 30-05-2023 by Janeth Kent