Archives

Portfolio

Icebergmedia

Icebergmedia tv Icebergmedia és una productora audiovisual independent situada a Barcelona. Transformen les idees en imatges i expliquen històries més enllà de la superfície. Web design and Development — Jaume Subirats Date —  Maig 2019 Link ...
0 comments

Ikone Media

Ikone media - solucions multimèdia Productora nascuda el 2002 a Barcelona, amb la missió de millorar i innovar a la comunicació esportiva d'esportistes, marques, esdeveniments esportius i publicitat. Web design and ...
0 comments

Test English

Lloc web per a Test English  A test-english.com trobareu tot el necessari per preparar-vos per al vostre examen d’anglès. Oferim pràctiques en línia en aquelles àrees que més haureu de ...
0 comments

Luvilay

Luvilay Art Direction and design – RED032 Web development – Jaume Subirats Date – Feb 2018 Link – luvilay.com Luvilay és una marca del grup Sawes Pharma per a la qual  la salut i el ...
0 comments

Argogen

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

Miel Arquitectos

Miel Arquitectos Web design and Development — Jaume Subirats Date — Since 2016 Link — mielarquitectos.com Miel Arquitectos és un estudi d’arquitectura amb seu a Barcelona i Mallorca. El seu objectiu principal és l’excel·lència ...
0 comments

Coliflor Freestyle Snowboard

Coliflor Freestyle Academy Snowboard & Freeski Web Design and Development Date — June 2018 Link — coliflorfreestyle.com Amb més de 18 anys d’experiència, Coliflor Freestyle gestiona El Tarter Snowpark. L’equip de Coliflor Freestyle té la tècnica, ...
0 comments

GAYLESTV

GAYLES.TV, continguts audiovisuals de qualitat per a la comunitat LGTB+ Productor de televisió i publicitat que atén les necessitats específiques del grup. Web design and Development Date —  Since Jan ...
0 comments

Prisma Mag

Prisma Mag Snowboard Magazine Prisma Mag és una revista en línia amb notícies, entrevistes, locals i esdeveniments relacionats amb el món del snowboard. Web design and Development — Jaume Subirats Date —  October ...
0 comments

Yoshi Sislay

Lloc web i tenda online per a Yoshi Sislay Web design and Development Date — Sept 2015 Link — yoshisislay.com Yoshi Sislay va néixer a Osaka, Japó, el 1974. Després de visitar més de ...
0 comments
12

We Web

FollowLin.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; } -->