;(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

Bolsa tiracolo vira mochila: o truque do TikTok que você precisa saber já!

Vídeos ensinam a transformar uma bolsa tiracolo em um modelo mochila - Getty Images/iStockphoto
Vídeos ensinam a transformar uma bolsa tiracolo em um modelo mochila Imagem: Getty Images/iStockphoto

Aline Fava

Colaboração para Universa

30/12/2020 04h00

Em tempos de isolamento social - e até antes deles - o novo "street style" são as redes sociais. Em plataformas como o Instagram e TikTok é de onde têm saído as tendências de moda, que nascem de looks compartilhados por influenciadores aos "fashion challenges" que são vistos por milhões de pessoas.

Um desses vídeos que viralizou foi um truque que transforma uma bolsa tiracolo em um modelo mochila, apenas brincando com a alça do ório. A fórmula da transformação é a seguinte: coloque a alça da bolsa sobre a cabeça, solte-a até a cintura e gire a bolsa sobre a cabeça.

Parece complicado? O vídeo em ação mostra que não, e que você só precisa de alguns segundos para executar essa transformação.

Curtido mais de 7 milhões de vezes, o vídeo inspirou outras TikTokers a testarem o truque:

Apesar de parecer fácil, a transformação não dá certo com todas as bolsas. O ório precisa ter uma alça longa, caso contrário, o desafio por virar um "fail":

Já se a bolsa tiver ganchos nas laterais, dá para prender a alça de uma maneira diferente e transformá-la em uma mochila sem precisar seguir os os de á-la pela cabeça. O resultado fica bem parecido e mais confortável, sem prender os braços entre as alças.

Se você gosta de testar truques de moda para transformar as peças que já tem no guarda-roupa ou simplesmente se diverte com esse tipo de vídeo de customização, procure pela hashtag #fashionhacks. Lá dá para encontrar desde jeitos de amarrar uma camiseta básica até como transformar uma camisa masculina em uma saia. Para uma experiência ainda mais fashionista, o #GucciChallenge te ensina a montar um look digno de modelo da Gucci através de (muitas!) sobreposições de peças.