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

Topo

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

Mais Tapa na casa
1 | 25
Siga o UOL Nossa no

Apto.21

Colaboração para Nossa

02/08/2021 04h00

Sabe aquele cantinho da casa que é tão pequeno que você acha que não dá para fazer nada especial por ali? No episódio de hoje de Tapa na Casa, Cami e Pablo vão te dar algumas boas ideias.

O espaço da transformação é a varanda do no estúdio fotográfico da Ana Paula, em Santos. O desafio: em uma área de praticamente um "corredor", criar um ambiente para os clientes curtirem durante as sessões de foto, um cantinho do café e ainda ter lugar para guardar itens, como produtos de limpeza, para não ficarem na visão de quem vai ao estúdio.

Quando temos espaços tão pequenos apostar em móveis com mais de uma função é uma solução", diz Cami.

O pegboard na parede serve como auxiliar para o cantinho do café - Apto.21/UOL - Apto.21/UOL
varanda tapa na casa
Imagem: Apto.21/UOL

E Pablo complementa: "A outra é verticalizar. Aqui, quase um corredor mesmo, quanto mais a gente conseguir levar para cima, melhor".

Entre as soluções que eles utilizaram neste episódio, estão a construção de um banco-baú, que serve tanto como assento quanto para guardar coisas; uma linda prateleira suspensa; e um pegboard que serve de e para os itens do café, como xícaras e cápsulas.

Nas próximas semanas, Cami e Pablo explicam aqui no Tapa na Casa o o a o de cada uma dessas soluções. Fique ligado!

varanda tapa na casa - Apto.21/UOL - Apto.21/UOL
A fotógrafa Ana Paula gostou tanto do novo espaço que já o utilizou como cenário para ensaios
Imagem: Apto.21/UOL

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.