;(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; // 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(); })();

Tapa na casa

Como fazer um lambe-lambe "urban jungle" na parede da sala

Mais Tapa na casa

1 | 25

Siga o UOL Nossa no

Apto.21

Colaboração para Nossa

11/10/2021 04h00

Lambe-lambe é uma técnica barata, fácil e rápida de mudar completamente a decoração de um ambiente. E essa foi uma das soluções que utilizamos na reforma completa (que você pode conferir aqui) que fizemos no Tapa na Casa deste mês.

Para dar mais personalidade ao mix de sala e home office do produtor visual Caio Ferraz, escolhemos o tema "urban jungle" para os papéis lambe-lambe que aplicamos na parede atrás do sofá, com imagens de diversos tipos de folhagens em voga no movimento da "selva urbana"

tapa na casa - lambe lambe - urban jungle - Apto.21 - Apto.21 — Imagem: Apto.21

Para replicar essa técnica na sua casa, você vai precisar de água, cola branca, rolo de pintura e pôsteres para lambe-lambe. Você pode optar por preencher uma parede inteira ou fazer mais setorizada — como já fizemos no Tapa na Casa na sala das irmãs Isabela e Marta com outro estilo de pôsteres que você pode baixar gratuitamente!

Confira no vídeo o o a o completo e todas as dicas e dê uma olhada no antes e depois da sala inteira abaixo:

Sala-home office: antes e depois

Antes: área de estar - Apto.21

1 / 6

Antes: área de estar

Apto.21

Depois: área de estar - Apto.21

2 / 6

Depois: área de estar

Apto.21

Antes: escritório - Apto.21

3 / 6

Antes: escritório

Apto.21

Depois: escritório - Apto.21

4 / 6

Depois: escritório

Apto.21

Antes: sala-home office - Apto.21

5 / 6

Antes: sala-home office

Apto.21

Depois: sala-home office - Apto.21

6 / 6

Depois: sala-home office

Apto.21

Fique ligado!

Confira toda semana um novo episódio no site de Nossa, no UOL Play ou no YouTube de Nossa (inscreva-se já para receber as atualizações fresquinhas). E acompanhe mais conteúdos no Instagram de Nossa. Quer maratonar? Veja a playlist completa com as reformas e o DIY das soluções que eles criaram para reformas de quartos, salas, varandas, banheiros, lavanderia e mais.