Your browser doesn't support scroll animations. This demo will not work.

📣 ¡Vive de tu pasión! 🌟

¡Bienvenido!

Más que mostrarte proyectos, quiero compartir contigo el camino que he recorrido: una trayectoria de aprendizaje autodidacta impulsada por cursos especializados que han potenciado mi capacidad para dar vida a ideas en el mundo digital.

Hola, soy Andrés 👋

El emprendedor detrás de El Salto Web. Comencé a estudiar desarrollo y diseño web por mi cuenta, y hoy gestiono mi propio espacio digital donde combino creatividad, estrategia y tecnología.

WordPress: Mi zona de confort y de juego

He desarrollado y colaborado en múltiples proyectos web. Aquí algunos de ellos:


Gracias a mi experiencia y especialización en WordPress, puedo ofrecerte soluciones personalizadas que se adaptan a tus necesidades digitales. Manejo herramientas como API REST, campos personalizados (ACF), y otros recursos técnicos que permiten construir experiencias web funcionales, atractivas y eficientes.

Más allá de WordPress

Además de WordPress, he ampliado mis conocimientos hacia frameworks modernos que me permiten construir sitios rápidos, escalables y con una experiencia de usuario superior.

  • Next.js: Ideal para aplicaciones web modernas con renderizado híbrido (SSR/SSG), rutas dinámicas y gran rendimiento.
  • Astro.js: Perfecto para proyectos ultra rápidos y ligeros, especialmente enfocados en performance y buenas prácticas SEO.
  • HTML5 y CSS3
  • Diseño web responsive
  • JavaScript básico
  • Optimización del rendimiento web
  • SEO básico

Estas herramientas complementan mi perfil y me permiten ofrecer un enfoque flexible, moderno y adaptado a los distintos tipos de proyectos que puedas necesitar.

🎁 ¿Te gustaría apoyar este proyecto?

Con tu ayuda puedo seguir creando contenido y compartiendo recursos gratuitos. ¡Gracias por formar parte de este viaje digital! 😊

Cómo aplicar un efecto de rotación continua a una imagen en Elementor

Cómo aplicar un efecto de rotación continua a una imagen en Elementor

Aplicar fácilmente un efecto de rotación continua infinita a cualquier imagen en Elementor.

Leer más
Practicando con el modo blend-mode

Practicando con el modo blend-mode

El modo de mezcla difference invierte los colores del texto y el fondo, creando contrastes únicos. 👀🎨

Leer más
Text Marquee effect

Text Marquee effect

Con estos sencillos pasos, añadirás un toque de dinamismo y estilo a tu página web con Elementor. ¡A divertirse creando! 😊🌟

Leer más
Configuración Inicial de WordPress

Configuración Inicial de WordPress

En esta sección, aprenderás cómo configurar inicialmente tu entorno de WordPress.

Leer más
Efecto CSS Videocasete Retro | Demo Visual VHS Scotch para tu Web

Efecto CSS Videocasete Retro | Demo Visual VHS Scotch para tu Web

¿Quieres que tu web destaque con un look vintage y único? Prueba nuestro efecto CSS estilo videocasete y sorprende a tus visitantes.

Leer más
Curso CSS de Jonathan Mircha | Domina los estilos desde cero

Curso CSS de Jonathan Mircha | Domina los estilos desde cero

¿Buscas dominar CSS de verdad? Este curso gratuito de Jonathan Mircha es el más completo y actualizado en español. Ideal para quienes comienzan en desarrollo web o quieren mejorar su portafolio.

Leer más
Efecto de Scroll Horizontal

Efecto de Scroll Horizontal

Echa un vistazo a nuestra página de desplazamiento infinito. Este sitio cumple tu pasión por desplazarte. ¡No se detendrá! 🔄

Leer más
🎁 Descarga Gratis el Plugin Woo WhatsOrder

🎁 Descarga Gratis el Plugin Woo WhatsOrder

Woo WhatsOrder permite a tus clientes enviar su pedido a tu WhatsApp tras realizar una compra en WooCommerce. Fácil de configurar, rápido de implementar.

Leer más
🔍 Analiza tu web con Inteligencia Artificial – Gratis y al instante

🔍 Analiza tu web con Inteligencia Artificial – Gratis y al instante

¿Tu sitio está optimizado? Con esta herramienta puedes descubrir en segundos cómo mejorar la UX de tu web gracias a la inteligencia artificial.

Leer más
Checklist de UX para Desarrolladores

Checklist de UX para Desarrolladores

¿Cuántos errores de experiencia de usuario tiene tu web y aún no lo sabes? Este checklist UX te los revela todos.

Leer más
Cómo enviar pedidos o reservas de WooCommerce a WhatsApp (con o sin API)

Cómo enviar pedidos o reservas de WooCommerce a WhatsApp (con o sin API)

Pedidos de WooCommerce directamente en tu WhatsApp con dos métodos: un método simple sin programación y otro con la API de WhatsApp

Leer más
Integrar la Síntesis de Voz de ElevenLabs en tu Proyecto Web

Integrar la Síntesis de Voz de ElevenLabs en tu Proyecto Web

Añade un Agente entrenado con reconocimiento de voz.

Leer más
Canvas Web Component

Canvas Web Component

Como desarrollador full stack, notarás que se aprovechan técnicas modernas (como shadow DOM, ResizeObserver y custom elements) para lograr un componente reutilizable y de alto rendimiento.

Leer más
Cómo combinar el Widget HTML de Elementor con código personalizado

Cómo combinar el Widget HTML de Elementor con código personalizado

Este artículo proporciona una guía técnica detallada, ideal para desarrolladores que buscan aprovechar al máximo Elementor mediante la personalización avanzada.

Leer más
Black or White

Black or White

El efecto “Black or White” crea la ilusión de que la página (o la imagen principal) está dividida en dos mitades de color.

Leer más
Progressive Blur Modal

Progressive Blur Modal

Brendan Eich desarrolló el lenguaje original (llamado inicialmente Mocha) en 1995 para el navegador Netscape en un tiempo récord: solo diez días. Más adelante, lo renombraron varias veces hasta llegar a JavaScript.

Leer más
Link-Tree personalizado! 🌐

Link-Tree personalizado! 🌐

👉 Con nuestro servicio de link-trees personalizados podrás: ✅ Mostrar tus enlaces más importantes en una interfaz visualmente atractiva. ✅ Reflejar tu identidad con colores, tipografías y estilos exclusivos. ✅ Aumentar la interacción y llevar tráfico directo a tus plataformas.

Leer más
Integraciones 4.0

Integraciones 4.0

Esta documentación describe el uso de una API REST para gestionar y procesar registros.

Leer más
Módulo 1: Fundamentos Avanzados de UI

Módulo 1: Fundamentos Avanzados de UI

Comprender y aplicar principios de diseño

Leer más
Image Accordion Slider with CSS and JS

Image Accordion Slider with CSS and JS

🚀 Efecto accordion slider 🖼️ que combina imágenes con animaciones suaves y diseño interactivo.💻🔥

Leer más
¿Qué es View Transitions?

¿Qué es View Transitions?

View Transitions es una API moderna del navegador que permite crear transiciones fluidas entre diferentes vistas o estados de una página web.

Leer más
Creando partículas controladas por audio en Three.js

Creando partículas controladas por audio en Three.js

👉 Con tecnología de Three.js y Web Audio API, ahora el sonido no solo se escucha, ¡se ve en tiempo real! 💻🎶

Leer más
Looping words with GSAP

Looping words with GSAP

CodePen Looping words with GSAP

Leer más
WordPress con React y Gutenberg

WordPress con React y Gutenberg

Crear una landing page con React y Gutenberg en WordPress es una combinación poderosa para lograr una experiencia de usuario moderna y un control total sobre el desarrollo.

Leer más
Fundamentos avanzados de UI

Fundamentos avanzados de UI

Temario completo del Curso UI

Leer más
Customiza tus widgets de Elementor de manera fácil

Customiza tus widgets de Elementor de manera fácil

📢 ¡Nuevos Recursos para Personalizar tus Widgets de Elementor! 🎉

Leer más
ThreeJS + Vanta.Fog: Animated Background

ThreeJS + Vanta.Fog: Animated Background

Three.js es una biblioteca de JavaScript que permite crear gráficos 3D en el navegador de manera eficiente, usando WebGL.

Leer más
Tensorflow videotracking V2

Tensorflow videotracking V2

🧠TensorFlow.js, es como un cerebro de computadora que detecta objetos a tu alrededor 🕵️‍♂️.

Leer más
Proyecto de Conversión de Texto a Voz (TTS) – Gratuito

Proyecto de Conversión de Texto a Voz (TTS) – Gratuito

Este proyecto ha sido creado como una herramienta accesible para cualquier persona que desee convertir texto en voz sin necesidad de utilizar servicios de pago. Lo ofrezco de manera gratuita como una forma de contribuir al acceso de tecnologías avanzadas para todos.

Leer más
Headless CMS

Headless CMS

¿Qué es un Headless CMS?

Leer más
Animación de Desplazamiento con Efecto de Pantalla Dividida para Portafolio

Animación de Desplazamiento con Efecto de Pantalla Dividida para Portafolio

Encontrarás el código HTML completo para que puedas integrarlo fácilmente utilizando un widget de HTML en WordPress y Elementor.

Leer más
Inspírate con Efectos Modernos y Recursos Gratuitos

Inspírate con Efectos Modernos y Recursos Gratuitos

Encuentra inspiración con efectos modernos para UI/UX y accede a recursos gratuitos para mejorar tus proyectos web.

Leer más
Suscripción creada con apis en Laravel

Suscripción creada con apis en Laravel

#DesarrolladorPersistente #NoTeRindas #SigueIntentando #CadaErrorCuenta

Leer más
🚀 Gestión de Redes Sociales que Destaca 🌟

🚀 Gestión de Redes Sociales que Destaca 🌟

✨ Elige a un equipo que selecciona con quién trabajar. 🤝 Te ayudamos a destacar sin hacer bailes virales. ¡Agenda una llamada hoy! 📞

Leer más
Trackeo de video con TensorFlow.js

Trackeo de video con TensorFlow.js

Este proyecto es genial porque combina la tecnología de la cámara con inteligencia artificial para crear algo muy interactivo y divertido.

Leer más
Efecto de seguimiento de Scroll

Efecto de seguimiento de Scroll

Con el avance de la inteligencia artificial (IA) 🧠, las APIs han evolucionado para ofrecer capacidades más avanzadas y sofisticadas.

Leer más
Intro Grid Section

Intro Grid Section

👋 Impresionante efecto visual creado con CSS Grid. Este diseño usa varias técnicas avanzadas de CSS para crear una experiencia visual única.🚀

Leer más
Etiquetas animadas con JS

Etiquetas animadas con JS

🎨 Nube de etiquetas en 3D que responda a tus movimientos creada con CSS Grid y JavaScript! 🌐

Leer más
Manejo de API Openweather

Manejo de API Openweather

👋 Nuevo chat-bot del clima, que te proporciona información meteorológica en tiempo real de cualquier ciudad del mundo. 🌍✨

Leer más
Webflow to WordPress

Webflow to WordPress

🛠️ Implementa una Simulación Física Interactiva 🌟 con Matter.js para Crear Elementos Arrastrables y Soltables 🖱️🎮

Leer más
Interactive Gradient

Interactive Gradient

🚀 Interactúa con gradientes dinámicos y efectos de ruido que siguen tu cursor. 😍🔍

Leer más
Landing page para Funnels

Landing page para Funnels

Proporcionamos informes detallados 📊 sobre el rendimiento de tus funnels y campañas en redes sociales 📈.

Leer más
Experimenta en tiempo real tus colores

Experimenta en tiempo real tus colores

🎨 ¿Necesitas ayuda con los colores de tu sitio web? ¡Prueba mi herramienta gratuita de Colores en Tiempo Real!

Leer más
Interfaz retro 80s

Interfaz retro 80s

En la década de 1980, la tecnología comenzó a dar grandes pasos hacia adelante.

Leer más
Ingeniería inversa con IA

Ingeniería inversa con IA

Este template transformará tu experiencia web. 🌟🔧 No te lo pierdas, ¡es asombroso! 😲💻🌈

Leer más
Efecto con hover  and reveal

Efecto con hover and reveal

🎨✨ ¡Descubre el Efecto de Revelado en tu Página Web! 🖱️🔄 Un Círculo que Sigue el Cursor y Cambia el Texto

Leer más
Modern interfaces 9: Profile cards

Modern interfaces 9: Profile cards

🎨✨ Presentando la Tarjeta de Perfil Interactiva! 🖥️💼 Conoce a Andrés Tobío, UI Developer

Leer más
Interfaces modernas alieninterfaces

Interfaces modernas alieninterfaces

🌌 Alien Interfaces: 13 🌌 💡 Diseñado con IA / LM Midjourney & Runway Gen2 Image to Video

Leer más
«NoStarbucks» Landing Page Product

«NoStarbucks» Landing Page Product

Landing Page para cafeteros ☕✨ **Clon de Starbucks** ✨☕

Leer más
Ingeniería Social La Amenaza Invisible

Ingeniería Social La Amenaza Invisible

Mantente informado y seguro en el entorno digital. 🛡️La vigilancia constante es clave para proteger nuestros proyectos y datos.🛡️

Leer más
Bebida Energética con animaciones GSAP

Bebida Energética con animaciones GSAP

¡Descubre el poder de la energía con ENERGY GREEN POWER! 🌟⚡ Dale un vistazo a nuestra nueva web y siente el movimiento con GSAP, ¡te dejará boquiabierto! 😲👀

Leer más
Conectando a una API pública para mostrar datos.

Conectando a una API pública para mostrar datos.

Conectar a una API pública y mostrar datos en tu página web usando JSONPlaceholder. 🚀📊

Leer más
Extrayendo datos de Github mediante manejo de APIs

Extrayendo datos de Github mediante manejo de APIs

Obtenindo datos del repositorio de TensorFlow en Github

Leer más
DATOS CURIOSOS: SOBRE LA CLONACIÓN EN DESARROLLO WEB 🌐

DATOS CURIOSOS: SOBRE LA CLONACIÓN EN DESARROLLO WEB 🌐

🌐🛠️ ¿Te encanta crear webs? ¿Usas Webflow y WordPress? ¡Descubre si clonar es legal!

Leer más
Landing responsive sin media queries

Landing responsive sin media queries

📐💡 Redimensiona la ventana y mira cómo el diseño cambia automáticamente sin consultas de medios ni JavaScript. ¡Es como magia! 🎩✨

Leer más
Slider estudio de arquitectura

Slider estudio de arquitectura

📜🔍Práctica de slider para estudio de arquitectos📐📐

Leer más
Molesto parpadeo retro del CRT

Molesto parpadeo retro del CRT

🕹️📺 ¿Recuerdas esas antiguas pantallas CRT?📺🕹️

Leer más
Efecto Dark Light

Efecto Dark Light

🌟 Modo claro y oscuro utilizando ¡enchufes! 🔌💡❗ Atención: Si no activas el interruptor, ¡no verás prácticamente nada de la web! 😉

Leer más
Gsap scroll explosion

Gsap scroll explosion

🎉 Nos encanta encontrar estas demostraciones y mostrarte cómo hacer realidad tus increíbles ideas con código. 🚀💻

Leer más
Efecto hover con cambio de color

Efecto hover con cambio de color

Efecto interactivo que cambia el texto y el fondo al pasar el ratón 🖱️ Aquí te mostramos cómo hacerlo de manera fácil y rápida con el widget HTML en Elementor y GSAP.

Leer más
Planes de precios al estilo CYBERPUNK

Planes de precios al estilo CYBERPUNK

🌐 ¡Descubre nuestros nuevos Planes de Precios al Estilo CYBERPUNK! 🌐 Perfectas para darle a tu sitio web un look futurista y vanguardista. 🚀✨

Leer más
Intro de Apple

Intro de Apple

Apple escalado de SVG con javascript🍎🆙️

Leer más
Carrousel de imagenes responsive

Carrousel de imagenes responsive

Carrousel de Tarjetas que Cambia el Fondo de tu Pantalla ✨🎨

Leer más
Burguer Menu solo con CSS

Burguer Menu solo con CSS

Menú burger elegante solo con HTML y CSS.🎨

Leer más
Portfolio profesional

Portfolio profesional

🚀 Destaca con un Portfolio que se ve diferente en Móvil y PC 🌟

Leer más
Estado líquido Web GL

Estado líquido Web GL

💧🚀 Experiencia Visual de Fluidos en Tiempo Real (PC Exclusivo)

Leer más

Efecto de estrellas detrás de tu ratón

¿Te fascina el cielo estrellado? 🌌🌠 Explora este proyecto "Star Trails with Options" y personaliza la magia del firmamento. 💫🔧

Leer más

Selector de Paleta de colores

¿Necesitas una paleta de colores perfecta para tus proyectos HTML, CSS, JS y Elementor? 🚀🎨

Leer más
Bienvenidos al NEO-BRUTALISMO

Bienvenidos al NEO-BRUTALISMO

Este estilo desafía las convenciones tradicionales del diseño web

Leer más
Pasos para habilitar y configurar Google Cloud CDN

Pasos para habilitar y configurar Google Cloud CDN

Habilitar Google Cloud CDN y optimizar el rendimiento.

Leer más
Slider responsivo solo HTML y CSS

Slider responsivo solo HTML y CSS

Slider totalmente personalizado que hemos creado utilizando solo HTML y CSS.

Leer más
Creando un Efecto de Rastro de Imágenes en tu Sitio Web

Creando un Efecto de Rastro de Imágenes en tu Sitio Web

En este tutorial, te guiaré a través del código HTML y JavaScript para implementar este efecto sorprendente en tu propio sitio web.

Leer más
Sobre Migraciones Web, Redireccionamiento y Visualización de la Propagación de DNS

Sobre Migraciones Web, Redireccionamiento y Visualización de la Propagación de DNS

🌐 Las migraciones web son un paso crucial en la evolución de un sitio web.

Leer más
¿Cómo se ha creado este efecto de vibración en dispositivos móviles?.

¿Cómo se ha creado este efecto de vibración en dispositivos móviles?.

📱 ¿Quieres agregar un toque interactivo y divertido a tu sitio web? ¡Prueba el efecto de vibración en dispositivos móviles!

Leer más
Cómo hacer crecer y encoger un punto con GSAP al desplazarse por la página

Cómo hacer crecer y encoger un punto con GSAP al desplazarse por la página

Este efecto añadirá un toque de dinamismo y elegancia a tu sitio web.

Leer más
Proyecto GitHub

Proyecto GitHub

GitHub es mi espacio creativo y colaborativo. Me encanta aprender, compartir y crecer junto a otros desarrolladores.

Leer más
Proyecto HTML5

Proyecto HTML5

Exploración de las ventajas y características de HTML5 en el desarrollo web moderno 14 de Diciembre de 2023

Leer más