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.
Os dois que achei mais úteis e fáceis de usar são:
* JavaScript Beautifier (HTML e JavaScript): http://jsbeautifier.org
* Code Beautifier (CSS): http://www.codebeautifier.com
Há outras opções, mas, em uma busca rápida, esses foram os dois que mais me agradaram, por serem simples e fáceis de usar.
Caso conheçam alternativas melhores, postem-nas nos comentários. :)
Abraços
Roberto Beraldo
Latest posts by Roberto Beraldo (see all)
- Não Tenha Preguiça de Ler! - 25/04/2016
- Como Atualizar Scripts PHP de MySQL Para MySQLi - 29/10/2015
- Como usar PDO com banco de dados MySQL - 10/09/2015
Sou Roberto Beraldo (ou apenas Beraldo), desenvolvedor PHP há mais de 15 anos, numa jornada de desenvolvimento para me aprofundar no mundo DevOps e Cloud. Bacharel em Ciência da Computação, com uma base sólida em desenvolvimento web e conhecimentos em DevOps e Computação em Nuvem. Estou dedicado a conectar o desenvolvimento de software com a gestão de infraestrutura.