;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Crossbody: as bolsas masculinas foram de convenientes a indispensáveis

Influencer Kadu Dantas - Reprodução/Instagram
Influencer Kadu Dantas
Imagem: Reprodução/Instagram

Gustavo Frank

De Nossa

05/03/2020 04h00

Chaves, carteira e celular. Esses provavelmente são os objetos mais importantes que a maioria das pessoas checa estar carregando antes de sair de casa.

Colocá-los no bolso pode ser até cômodo, mas não tão confortável e prático para o dia a dia.

Kadu Dantas - Reprodução/Instagram - Reprodução/Instagram
Influenciador digital Kadu Dantas
Imagem: Reprodução/Instagram

Foi a partir dessas necessidades que as bolsas masculinas encontraram espaço para ganhar favoritismo no guarda-roupa masculino, sendo a crossbody um dos modelos mais queridos.

"Hoje, você sai com várias coisas de casa para ar todo o dia fora e a mochila já está um pouco ultraada", opina o influenciador digital Kadu Dantas, conhecido por ditar moda para seus seguidores no Instagram.

"Com a chegada das redes sociais, os homens começaram a enxergar que é possível usar outros tipos de bolsas, que são mais adaptáveis para o dia a dia", complementa ele, que ite ver maior aceitação do ório entre os homens que o acompanham desde 2011.

Crossbody na Semana de Moda de Milão - Reprodução/@thestylestalcom - Reprodução/@thestylestalcom
Imagem: Reprodução/@thestylestalcom

O conceito básico da crossbody é usar o ório na lateral do corpo. Depois disso, a variação de estilos é livre: formatos, composições, cores e tamanhos variam dependendo do propósito e da preferência de cada um.

Essa crescente demanda fez com que as marcas assem a investir na produção para todos os tipos de público: desde os modelos mais esportivos, ando pelos mais estilizados, até chegar ao clássico, que reproduz aparência semelhante e, na maioria das vezes, menor do que as bolsas comumente usadas por mulheres.

Crossbody: as bolsas masculinas foram de convenientes a indispensáveis