Changelog
Cambios y mejoras
Un historial breve: lo que mejoré, por qué, y qué impacto tiene.
Actualizado · Jul 2026
Animaciones de entrada en hero con hidratación segura
Jul 2026 ui
Agregué animaciones fade-up escalonadas (badge → h1 → subtítulo → botones) con afterNextRender + doble requestAnimationFrame + classList directo al DOM. Evita doble reproducción durante hidratación de SSR. Respeta prefers-reduced-motion.
Hero Animaciones SSR A11y
SEO estático en index.html + corrección de URLs
Jul 2026 feat
Añadí meta description, Open Graph tags completos, Twitter Cards, canonical y meta author en index.html como fallback para crawlers. Corregí URLs de robots.txt y sitemap.xml al dominio correcto (kevin-barzola.planetsoftec.com).
SEO OpenGraph Twitter Cards Sitemap
Favicon SVG + apple-touch-icon
Jul 2026 ui
Creé favicon.svg con "K" en serif italic sobre fondo dark. Agregué apple-touch-icon.png (180x180px) para iOS. Eliminé el favicon.ico por defecto de Angular.
Favicon Branding PWA
View transitions mejoradas: fade + scale + blur
Jul 2026 ui
Refiné las transiciones entre páginas con keyframes vtRootExit/vtRootEnter que combinan opacity, translateY, scale y blur. Duración 380ms con easing cubic-bezier. No afecta las transiciones de elementos específicos (project-image, blog-image).
View Transitions UX CSS
Navbar: detección de sección activa con MutationObserver para @defer
Jul 2026 perf
Implementé IntersectionObserver con rootMargin y thresholds para detectar la sección visible. Añadí MutationObserver para actualizar observadores cuando las secciones deferred cargan. Scroll instantáneo a fragmentos en refresh y navegación.
Navbar IntersectionObserver MutationObserver @defer