Pendule

Pendule é uma poderosa extensão para o navegador Google Chrome que ajudará diversos usuários que trabalham com o desenvolvimento de sites. A ferramenta permite visualizar todo o código de uma página aberta no navegador, desde o css até todo o javascript incluso no mesmo. Além disso, o aplicativo disponibiliza funções específicas relacionadas a cores, imagens e formulários.

Como instalar o Pendule

O procedimento para a instalação do Pendule é bastante simples. Ao clicar no botão de download, a página da extensão na Chrome Web Store será exibida, clique no botão Usar no Chrome – no canto superior direito – e, na janela exibida, clique em Adicionar para baixar e instalar o Pendule em seu navegador.

CSS e Javascript com apenas alguns cliques

Automaticamente, o ícone do Pendule será adicionado ao lado da barra de endereços, clique sobre o mesmo para ter acesso às funções do programa. Uma nova janela será exibida, com todas as categorias do Pendule na lateral esquerda, enquanto as opções em si, serão exibidas na lateral direita de acordo com a categoria selecionada.

São seis as categorias disponibilizadas pelo Pendule, a primeira relacionada ao CSS – onde é possível visualizar todo o código CSS da página, assim como desabilitá-lo e acessar todas as cores utilizadas no site em questão. Na aba Forms, todas as funções de Formulários são exibidas, sendo possível visualizar todos os campos de senha, por exemplo.

Informações sobre imagens e cores da página

Images mostra todas as funções relacionadas às imagens, como visualizar informações sobre as mesmas, esconder as imagens da página, além de exibir suas dimensões. Em Miscellaneous, o usuárioo poderá visualizar o código javascript da página, além de adicionar uma régua para medir áreas precisas, assim como uma ferramenta chamada Color Picker, que fornece o código hexadecimal das cores utilizadas na área selecionada pelo usuário.

Por fim, o Pendule fornece mais duas opções para os usuários. Resize Brower permite redimensionar o navegador para diversos modos de visualização, para se ter uma noção de como a página é visualizada nas mais diversas resoluções – útil na criação de layouts responsivos. A categoria Acessibility permite validar todos os elementos da página.

Prático e útil

O Pendule se mostra uma incrível ferramenta e que, se utilizado da maneira correta, será capaz de ajudar muitos desenvolvedores web na criação de suas páginas, principalmente utilizando outros sites como fontes de inspiração. Sua usabilidade é bastante simples, tornando-o a experiência do usuário bastante prática.