;(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();
})();
A regra é #fiqueemcasa, todos sabemos. E que tal aproveitar o fim de semana para deixar ela mais agradável? Para você que acha que uma transformação custa muito tempo e dinheiro, a gente separou algumas dicas para mudar um cantinho de sua casa de forma rápida, prática e - principalmente - barata! Vamos lá?
1. Decore com fita isolante
Essa aqui você não vai gastar nem duas horas para fazer e terá um resultado incrível! Vai precisar apenas de uma boa fita isolante e tesoura. Corte a fita na diagonal, formando pequenos triângulos e cole na parede. Você pode fazer na parede do seu quarto ou mesmo em azulejos brancos do seu banheiro ou cozinha. O importante aqui é só limpar bem a parede antes de colar a fita. Talvez, você já tenha todo o material em casa. Mas, se precisar comprar, não vai gastar mais de R$ 60.
1 / 3
Reprodução/We Heart
2 / 3
Reprodução/Ally Arruda
3 / 3
Reprodução/We Heart
Imagem: Apto.21/UOL2. Faça a sua "gallery wall"
Essa é uma tendência de decoração de 2020 que você pode adaptar de uma forma muito simples e fofa. Imprima fotos que conte mais sobre a sua história e da sua família e monte uma galeria na parede. O legal aqui é trabalhar fotos de tamanhos diferentes para dar uma bossa. Misture ainda cartões postais de viagens ou outros itens que tenham valor afetivo. A moldura não é um item obrigatório, pois você pode colar com fita dupla-face.
Imagem: Apto.21/UOL3. Verticalize com nichos e prateleiras
Essa dica é principalmente para aquele cantinho mais apertado da sua casa ou para quem mora em apartamentos pequenos. As prateleiras e nichos são uma ótima solução para quem precisa de mais espaço e ao mesmo dar uma cara nova.
Você pode comprar pronto em lojas de construção (de R$ 30 a R$ 90 ) ou então optar por fazer você mesmo (acreditem não é complicado, sai bem mais barato e fica uma criação original).
4. Aposte nas plantas
Quem não ama um conceito #urbanjungle ? Que as plantas dão vida para qualquer cantinho, todo mundo já sabe. Mas a novidade é que elas podem também ser aliadas na transformação daquele cantinho sem graça da sua casa. As mais baratas e que se adequam fácil com qualquer ambiente são: jiboia, zamioculca, samambaia e Espada de São Jorge. Veja na galeria como a gente usa aqui em casa
1 / 3
Apto.21/UOL
2 / 3
Apto.21/UOL
3 / 3
Apto.21/UOL
5. Pinte Meia Parede
Pintar a parede é uma forma fácil e barata de transformar qualquer ambiente, sabia? E cada vez mais as fabricantes de tintas estão inovando com produtos que já vem pronto para pintar, sem cheiro (essencial em tempos de #fiqueemcasa), que não respinga, seca rápido etc.
Se quiser inovar na pintura, ao invés de pintar uma parede inteira, pinte apenas metade dela: dá um efeito bem legal e, dependendo do tamanho da sua parede, você só vai precisar de ¼ de tinta que custa cerca de R$ 35 a 70. Outra opção é pintar apenas um item no ambiente, como porta ou janela. Veja como fizemos no nosso escritório
1 / 2
Apto.21/UOL
2 / 2
Apto.21/UOL
Você pode encontrar vários jeitos de pintar parede aqui. E assista o Tapa na Casa no qual ensinamos a fazer pintura geométrica, que fica um charme:
Certeza que depois de ler essas dicas, você se animou a colocar a mão na massa e transformar um ou mais ambientes da sua casa. Se você usar nossas dicas, não esqueça de postar e marcar o @apto.21 e o @nossa_uol pra gente ver!
ID: {{comments.info.id}}
URL: {{comments.info.url}}
Ocorreu um erro ao carregar os comentários.
Por favor, tente novamente mais tarde.
{{comments.total}} Comentário
{{comments.total}} Comentários
Seja o primeiro a comentar
Essa discussão está encerrada
Não é possivel enviar novos comentários.
Essa área é exclusiva para você, , ler e comentar.
Só s do UOL podem comentar
Ainda não é ? Assine já.
Se você já é do UOL, faça seu .
O autor da mensagem, e não o UOL, é o responsável pelo comentário. Reserve um tempo para ler as Regras de Uso para comentários.