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

Conheça a tabela periódica que mostra para que serve cada elemento

A tabela interativa criada por Keith Enevoldsen mostra para que serve cada elemento químico - BBC
A tabela interativa criada por Keith Enevoldsen mostra para que serve cada elemento químico Imagem: BBC

23/11/2016 14h23

Quem nunca teve que estudar, nos tempos de escola, a notória tabela periódica com dezenas de elementos químicos ordenados por seus números atômicos?

Mas afinal, qual é a relação entre aquelas colunas de símbolos e números e o mundo que nos cerca? E indo além dos elementos mais conhecidos, como carbono e cálcio, para que servem outros, como o rutênio ou o rubídio?

As respostas para todas essas perguntas estão numa versão interativa da tabela periódica, que mostra pelo menos uma utilidade para cada elemento. A ideia é do desenhista americano Keith Enevoldsen, de Seattle.

Na tabela interativa, pode-se aprender que o elemento túlio é essencial nas cirurgias a laser, que o estrôncio é usado nos fogos de artifício e o amerício, nos detectores de fumaça.

"Fiz a tabela que eu gostaria de ter quando era criança", disse Enevoldsen à BBC.

Do hidrogênio até...

A tabela periódica tradicional ordena os elementos químicos por número atômico (número de prótons), configuração dos elétrons e propriedades químicas.

Elementos que têm um comportamento químico semelhante ficam na mesma coluna.

A primeira versão da tabela periódica foi criada pelo químico e físico russo Dmitri Mendeleiev em 1869, e foi revolucionária ao prever as propriedades de elementos que ainda não tinham sido descobertos.

O primeiro elemento é o hidrogênio e o último é o de número 118, o ununóctio, que recentemente ou a ser chamado de oganessono, em homenagem ao físico nuclear russo Yuri Oganessian.

A União Internacional de Química Pura e Aplicada (Iupac, na sigla em inglês) validou os elementos sintetizados mais recentemente em dezembro do ano ado.

'Para mim e meus filhos'

Mas como o americano Enevoldsen teve a ideia de fazer uma tabela com ilustrações modernas?

"Nasci em 1956. Quando era criança, gostava das tabelas periódicas com figuras, mas elas nunca tinham boas imagens de todos os elementos", conta o desenhista.

Ele também foi inspirado por um escritor e bioquímico americano nascido na Rússia: Isaac Asimov, considerado um dos mestres da ficção científica.

"Também li um livro de Isaac Asimov, chamado Building Blocks of the Universe (algo como "Blocos de construção do Universo", em tradução livre), que tinha relatos maravilhosos sobre a história e os usos dos elementos. Gostava de saber, por exemplo, que os químicos que mexiam com telúrio acabavam com mau hálito e boca seca."

Foi assim que Enevoldsen resolveu criar o que sempre sonhara desde os tempos da escola: uma tabela periódica com imagens divertidas e importantes dos elementos químicos listados até o número 98.

"Queria que toda a tabela fosse colorida, com um desenho limpo, que não fosse cheia dos números dos pesos atômicos que, para as crianças, não servem para muita coisa."

A tabela é interativa, como pede um mundo conectado por computadores. Assim, ao colocar o cursor sobre cada elemento, o quadradinho correspondente aparece ampliado em um quadrado maior na parte superior da tabela.

"Fiz a tabela para mim e meus filhos, e a coloquei na internet para que outras pessoas desfrutassem dela. Muitos estudantes, professores e pais dizem que ficaram encantados."

O trabalho do desenhista pode ser ado neste site: http://elements.wlonk.com/ElementsTable.htm. Ainda não há uma versão em português.

Elementos 'amigos'

"Quero que as crianças saibam que aprender os elementos químicos pode ser divertido", diz Enevoldsen.

As ilustrações coloridas servem para chamar a atenção das crianças, que podem procurar mais informações em cada quadradinho que vai surgindo na tela.

"Espero que, graças a essa tabela, as crianças queiram conhecer os elementos como se estivessem conhecendo um novo amigo", afirma o desenhista americano.

"E quero que as ilustrações e palavras facilitem lembrar das informações."

"Na próxima vez que virem a palavra estrôncio, por exemplo, vão poder dizer: Ahhh, estrôncio é o que usam nos fogos de artifício..."