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

Tapa na casa

Tapa na casa

Árvore de Natal de parede é solução descolada e econômica; veja como fazer

Mais Tapa na casa
1 | 25

Árvore de Natal de parede é solução descolada e econômica; veja como fazer

Cami e Pablo, do @Apto.21

Crie um cantinho de plantas com ideias fáceis e baratas; veja antes e depois

Cami e Pablo, do Apartamento 21

Reformar cantinhos do apê com pouca grana? É possível! Veja antes e depois

Apto.21

Como pintar um arco-íris na parede: veja vídeo com o a o e dicas

Apto.21

Ripado feito com EVA é solução simples e barata para dar estilo à parede

Apto.21

Reforma de até R$ 999 realiza sonho de menina para o quarto

Apto.21

Como transformar caixas organizadoras em estante guarda-trecos com gavetas

Apto.21

Reforma barata: adesivos dão nova vida a azulejos; veja como fazer

Apto.21

Como fazer uma área gourmet barata e sem quebra-quebra; veja antes e depois

Apto.21

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

Apto.21

Como fazer uma parede de cortiça em seu home office

Apto.21

Home office na sala? Veja antes e depois de uma transformação completa

Apto.21

Mesinha "balanço" é alternativa despojada para o quarto; veja como fazer

Apto.21

Como fazer uma cabeceira "de revista" em casa com madeira e palha

Apto.21

Reforma barata dá clima praiano a quarto. Veja o antes e o depois

Apto.21

Prateleira com fitas de couro é criação fácil para varanda; aprenda a fazer

Apto.21

Banco baú é ideia para unir estilo e conforto na varanda; saiba como fazer

Apto.21

Varanda "corredor" vira copa e espaço de café com soluções criativas

Apto.21

Como fazer um nicho de madeira para utensílios de cozinha; veja vídeo

Apto.21

Reforma de baixo custo: adesivo dá cara nova aos armários da cozinha

Apto.21

Renovar a cozinha sem pesar no bolso é possível. Veja antes e depois

Cami e Pablo, do Apto.21

Dicas para ter uma casa de revista gastando pouco, do banheiro à cozinha

Cami e Pablo, do Apto.21

Como montar uma gallery wall com quadros e objetos: veja as dicas

Apto.21

Como fazer em casa um gatil, o "playground" para gatos

Apto.21

Como fazer um cantinho do café ou um bar em espaços pequenos

Apto.21

Cami e Pablo, do @Apto.21

Colaboração para Nossa

05/12/2020 04h00

É tempo de preparar a casa para o Natal! E nós também entramos no clima e gravamos episódios especiais natalinos para o Tapa na Casa.

Até a grande data vamos compartilhar com vocês aqui no programa uma série de DIY (do inglês do it yourself, ou "faça você mesmo) natalinos.

Para começar, fizemos aqui em casa duas árvores de Natal de parede. Nós adoramos esses modelos porque, além de darem um ar mais descolado para a decoração ho-ho-ho, têm um custo baixo.

cami e pablo tapa na casa - Apto.21 - Apto.21
Cami e Pablo, com a filha Liz e o dog Bruce: preparados para o Natal ao estilo Tapa na Casa
Imagem: Apto.21

Outra vantagem é que são fáceis de executar e uma boa solução para quem não tem muito espaço — ou convive com pets destruidores de árvores, cujas peripécias tomam conta do YouTube e do Instagram nessa época do ano.

O primeiro modelo que você confere no episódio de hoje fizemos com cordão verde, pisca-pisca e ganchos de fixação, além de laço e enfeites de árvores de Natal. São itens fáceis de encontrar e talvez você até já os tenha em casa.

arvore de natal tapa na casa - Apto.21 - Apto.21
Árvore de Natal de parede com cordão verde
Imagem: Apto.21
arvore de natal tapa na casa - Apto.21 - Apto.21
E modelo com fotos impressas de família: árvore com lembranças
Imagem: Apto.21

A segunda árvore de Natal de parede tem uma vibe, digamos, mais "instagramável". Ela é montada com fotos impressas, pisca-pisca, ganchos de fixação e fita dupla face.

De quebra, mostramos no programa de hoje outra ideia que fizemos há alguns anos e amamos: uma árvore desconstruída, com ripas de madeira e corda. Confira no vídeo, inspire-se e entre no clima natalino.

As mais lidas agora

O que muda no o à cidadania espanhola a partir de outubro

Descubra onde 5 cenas famosas de dança foram filmadas (e você pode visitar)

Qual o significado dos gatos seguirem seus donos pela casa? Entenda

Tapa na casa

Jardim vertical é mais fácil do que pensa; veja como montar um quadro verde

Crie um cantinho de plantas com ideias fáceis e baratas; veja antes e depois

Reformar cantinhos do apê com pouca grana? É possível! Veja antes e depois

Como pintar um arco-íris na parede: veja vídeo com o a o e dicas

Ripado feito com EVA é solução simples e barata para dar estilo à parede

Reforma de até R$ 999 realiza sonho de menina para o quarto

Como transformar caixas organizadoras em estante guarda-trecos com gavetas

Reforma barata: adesivos dão nova vida a azulejos; veja como fazer

Como fazer uma área gourmet barata e sem quebra-quebra; veja antes e depois

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

Como fazer uma parede de cortiça em seu home office