Archivos

Portfolio

Icebergmedia

Icebergmedia tv Icebergmedia es una productora audiovisual independiente ubicada en Barcelona. Transforman ideas en imágenes y cuentan historias más allá de la superficie. Web design and Development — Jaume Subirats Date —  Maig 2019 Link — ...
0 comentarios

Ikone Media

Ikone Media - Soluciones Multimedia Productora nacida en 2002 en Barcelona, con la misión de mejorar e innovar en la comunicación deportiva de deportistas, marcas, eventos deportivos y publicidad. Web design ...
0 comentarios

Test English

Test English Website En test-english.com encontrará todo lo que necesita para prepararse para su examen de inglés. Ofrecemos práctica online en aquellas áreas que más necesitas mejorar para obtener ...
0 comentarios

Luvilay

Luvilay Art Direction and design – RED032 Web development – Jaume Subirats Date – Feb 2018 Link – luvilay.com Luvilay es una marca del grupo Sawes Pharma que apuesta por la salud y el bienestar ...
0 comentarios

Argogen

Argogen spray Art Direction and design – RED032 Web development – Jaume Subirats Date – Apr 2018 Link – argogenspray.com Argogen Spray és un apòsit en aerosol que afavoreix el procés de cicatrització i redueix ...
0 comentarios

Miel Arquitectos

Miel Arquitectos Web design and Development — Jaume Subirats Date — May 2016 Link — mielarquitectos.com Miel Arquitectos is an architectural office with base in Barcelona and Mallorca. Their main aim is excellence through ...
0 comentarios

Coliflor Freestyle Snowboard

Coliflor Freestyle Academy Snowboard & Freeski Web Design and Development Date — June 2018 Con más de 18 años de experiencia, Coliflor Freestyle gestionó el Snowpark El Tarter. El equipo Coliflor Freestyle tiene ...
0 comentarios

GAYLESTV

GAYLES.TV, contenido audiovisual de calidad para la comunidad LGTB+ Productora de televisión y publicidad que atiende las necesidades específicas del grupo. Web design and Development Date —  Since Jan ...
0 comentarios

Prisma Mag

Prisma Mag Snowboard Magazine Prisma Mag es una magazine online con noticias, entrevistas, locales y eventos relacionados del mundo del snowboard. Web design and Development — Jaume Subirats Date —  October 2021 Link — ...
0 comentarios

Yoshi Sislay

Yoshi Sislay Website y e-commerce Web design and Development Date — Sept 2015 Link — yoshisislay.com Yoshi Sislay was born in Osaka, Japan, in 1974. After visiting more than 30 countries, He decided ...
0 comentarios
12

We Web

SeguirLin.X.
...
window.addEventListener("load", initCursor); function initCursor() { const $img = document.querySelector("#site-header"); const { $width } = $img.getBoundingClientRect(); const $halfImgWidth = $width / 2; $img.addEventListener("mousemove", function (e) { const xPos = e.pageX - $img.offsetLeft; /*IE11 need this*/ //this.classList.remove("cursor-prev"); //this.classList.remove("cursor-next"); this.classList.remove("cursor-prev", "cursor-next"); if (xPos > $halfImgWidth) { this.classList.add("cursor-next"); } else { this.classList.add("cursor-prev"); } }); } // Cursor ICON substitition <-- // Button Ripple Effect // Function to add the ripple effect function addRippleEffect(event) { const button = event.currentTarget; const ripple = document.createElement("span"); const rect = button.getBoundingClientRect(); const size = Math.max(rect.width, rect.height); const x = event.clientX - rect.left - size / 2; const y = event.clientY - rect.top - size / 2; ripple.style.width = ripple.style.height = `${size}px`; ripple.style.left = `${x}px`; ripple.style.top = `${y}px`; ripple.classList.add("ripple"); button.appendChild(ripple); ripple.addEventListener("animationend", function() { ripple.remove(); }); } // Function to attach the ripple effect to buttons with given class names function attachRippleEffectToButtons(classNames) { classNames.forEach(className => { const buttons = document.querySelectorAll(`.${className}`); if (buttons.length === 0) { console.warn(`No elements found for class ${className}`); return; } buttons.forEach(button => { button.addEventListener("click", addRippleEffect); }); }); } // Attach the ripple effect when the document is ready document.addEventListener("DOMContentLoaded", function() { const targetClassNames = ["btn-mat", "another-class"]; attachRippleEffectToButtons(targetClassNames); function createCircleInner() { const circleInner = document.createElement('div'); circleInner.className = 'circle-inner'; const box = document.createElement('div'); box.className = 'box'; circleInner.appendChild(box); const smallCircle = document.createElement('div'); smallCircle.className = 'small-circle'; box.appendChild(smallCircle); for (let i = 1; i <= 10; i++) { const span = document.createElement('span'); span.style.setProperty('--i', i); box.appendChild(span); } document.body.appendChild(circleInner); } createCircleInner(); }); window.onbeforeunload = function leavingPage(){ console.log('leaving'); return null; } -->