Arquivo da tag: formatador

Formatadores de CSS e JavaScript online

Muitas vezes encontramos funcionalidades e estilizações interessantes em alguns sites, que gostaríamos de saber como foram feitas. Aí resolvemos olhar o CSS e o JavaScript deles. É quando nos deparamos com arquivos de uma só linha, sem qualquer condição humana de leitura.

Um bom exemplo é a página inicial do Google. Veja um trecho:

< !doctype html><html itemscope itemtype="http://schema.org/WebPage"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta itemprop="image" content="/images/google_favicon_128.png"/><title>Google</title><script>window.google={kEI:"NIQ2T6bFFJS5twfQx53FAg",getEI:function(a){var d;while(a&&!(a.getAttribute&&(d=a.getAttribute("eid"))))a=a.parentNode;return d||google.kEI},https:function(){return window.location
</script></head></html>

Isso reduz um pouco o tamanho das páginas, tornando seus carregamentos mais eficientes e rápidos. Mas também incomoda quem queira tirar ideias.

Para isso, existem alguns sites que formatam os códigos HTML, CSS e JavaScript, tornando-os legíveis.

Continue lendo