Herramientas | Jordi

Jordi

Desarrollador Web Diseñador UX Diseñador UI Creativo Desarrollador Web

Jordi

Desarrollador Web Diseñador UX Diseñador UI Creativo Desarrollador Web

Herramientas

Software y recursos que uso regularmente.

Diseño

Figma

Diseño UX/UI

Adobe Illustrator

Gráficos vectoriales

Iconic

Biblioteca de iconos

Adobe Photoshop

Editor de imágenes

Canva

Herramienta creativa

Spline

Diseño 3D

Desarrollo

React

Framework

PHP

Backend

HTML

Estructura web

WordPress

CMS

JavaScript

Interactividad Web

CSS

Diseño y estilo

Elementor

Constructor visual drag & drop

Productividad

Notion

Flujos de trabajo

ChatGPT

Inteligencia artificial

Slack

Comunicación en equipo

Jira

Gestión de proyectos

img:is([sizes="auto" i]){contain-intrinsic-size:3000px 1500px;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp-site-blocks > .alignleft{float:left;margin-right:2em;}.wp-site-blocks > .alignright{float:right;margin-left:2em;}.wp-site-blocks > .aligncenter{justify-content:center;margin-left:auto;margin-right:auto;}:where(.wp-site-blocks) > *{margin-block-start:24px;margin-block-end:0;}:root :where(.is-layout-flow) > :first-child{margin-block-start:0;}:root :where(.is-layout-flow) > :last-child{margin-block-end:0;}:root :where(.is-layout-flow) > *{margin-block-start:24px;margin-block-end:0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start:0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end:0;}:root :where(.is-layout-constrained) > *{margin-block-start:24px;margin-block-end:0;}:root :where(.is-layout-flex){gap:24px;}:root :where(.is-layout-grid){gap:24px;}.is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}.is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}.is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important;}.is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}.is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}.is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important;}.is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size);}body .is-layout-flex{display:flex;}.is-layout-flex{flex-wrap:wrap;align-items:center;}.is-layout-flex > :is(*,div){margin:0;}body .is-layout-grid{display:grid;}.is-layout-grid > :is(*,div){margin:0;}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;line-height:inherit;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6;}[link]{cursor:pointer !important;}[self]{cursor:pointer !important;}.menu-button a.elementor-button{transition:all .3s ease !important;}.menu-button a.elementor-button::before{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;}.menu-button a.elementor-button:hover::before{transform:scale(1);opacity:1;}.menu-button a.elementor-button:hover{color:#161616 !important;}.menu-button a.elementor-button.elementor-item-active{background-color:#fff !important;color:#161616 !important;padding:8px 12px !important;border:1px solid #eee !important;border-radius:6px !important;box-shadow:rgba(0,0,0,.035) 0px .3px .3px -.75px,rgba(0,0,0,.04) 0px 1.15px 1.15px -1.5px,rgba(0,0,0,.043) 0px 5px 5px -2.25px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;text-decoration:none !important;transition:all .2s ease !important;z-index:2;}.menu-button a.elementor-button.elementor-item-active:hover::before{opacity:0 !important;}.menu-button a.elementor-button:focus,.menu-button a.elementor-button:active,.menu-button a.elementor-button:focus-visible{outline:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent !important;}.fade-up{position:relative;overflow:hidden;}.fade-up span:not(#typed-words):not(.typed-cursor){display:inline-block;transform:translateY(100%);opacity:0;animation:fadeUpWave .8s cubic-bezier(.25,1,.5,1) forwards;animation-delay:calc(var(--stagger-index) * .25s);}#typed-words{animation:none;transform:none;opacity:1;}@keyframes fadeUpWave{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}.staggered-text span{--stagger-index:0;}.staggered-text span:nth-child(1){--stagger-index:0;}.staggered-text span:nth-child(2){--stagger-index:1;}.staggered-text span:nth-child(3){--stagger-index:2;}.staggered-text .last-part{--stagger-index:3;}@keyframes fadeUpMask{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}#copy-email-button{cursor:pointer;}.button-gray .elementor-button:hover{box-shadow:rgba(0,0,0,.035) 0px .301615px .301615px -.75px,rgba(0,0,0,.04) 0px 1.14511px 1.14511px -1.5px,rgba(0,0,0,.043) 0px 5px 5px -2.25px !important;transition:box-shadow .3s ease-in-out !important;}.stack-hover{transition:background-color .3s ease;cursor:default;}@media (min-width: 769px){.stack-hover:hover{background-color:#f5f5f5;}}#typed-words{color:#747679;font-size:48px;}.typed-cursor{font-size:40px !important;color:#dadada !important;animation:blink .7s step-end infinite !important;position:relative !important;margin-left:5px !important;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}#typed-words-esp{color:#747679;font-size:48px;}.typed-cursor{font-size:40px !important;color:#dadada !important;animation:blink .7s step-end infinite !important;position:relative !important;margin-left:5px !important;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important;}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy{background-image:none !important;}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important;}.site-header{display:true;}.site-footer{display:none;}#live-time{font-size:80px;font-weight:400;line-height:96px;color:#656565;}