Os melhores complementos do Firefox para designers da web
O Mozilla Firefox é um navegador muito popular, especialmente entre designers e desenvolvedores da web. Hoje em dia, com um campo tão lotado, ficar no topo da pilha do navegador exige muito trabalho. Um dos fatores que tornam o Firefox tão apreciado é a enorme biblioteca de grandes extensões que aprimoram sua experiência de navegação.
Entre a enorme lista de complementos, muitos são vitais para designers e desenvolvedores da web. Se usado, tornará seu fluxo de trabalho mais rápido e produtivo. Vamos olhar para o nosso topo 20 Extensões essenciais do Firefox para designers da web.
1. Desenvolvedor da Web
O Desenvolvedor da Web A extensão do Firefox para designers da web estende o Mozilla Firefox, adicionando uma barra de ferramentas com várias opções para trabalhar com páginas da web. Por exemplo, ele tem uma opção para inspecionar estilos CSS de elementos de página que dirão quais atributos CSS eles têm e quais estilos os afetam.
2. Seoquake
Como um dos melhores complementos do Firefox para web designers, o Sequake o ajudará a otimizar suas páginas da web para mecanismos de pesquisa. Ele oferece um Seobar que possui muitas opções úteis relacionadas a SEO para você aproveitar. Esta extensão o ajudará a identificar questões referentes à indexação de mecanismos de pesquisa em suas páginas da web.
3. RESIDER DE JANEIRA 1.0
RESISERTIM DO JANELA é útil para testar diferentes tamanhos de tela e monitora resoluções. Ele redimensiona com rapidez e precisão o Viewport do Firefox para que você possa testar para ver como o seu design se parece em tamanhos de resolução padrão.
4. FireShot
FireShot é um complemento do Firefox para designers da web que cria capturas de tela da sua página da web. O que é único neste plug -in é que ele oferece um conjunto de ferramentas de edição e anotação para trabalhar com suas capturas de tela. Isso pode ser uma extensão útil para apresentar seu trabalho em seu portfólio.
5. Firebug
Firebug é considerado a ferramenta final do desenvolvedor para o Firefox. Você recebe uma tonelada de ferramentas de desenvolvimento da Web para usar no seu navegador. Você pode explorar, editar, depurar e monitorar CSS, HTML e JavaScript em tempo real em qualquer página da web.
6. Greasemonkey
O Greasemonkey O complemento do Firefox permite modificar como uma página da web é e funciona usando pequenos trechos de JavaScript. Existem centenas de scripts que você pode baixar para aprimorar este complemento.
7. Colorzilla
Colorzilla é uma extensão incrivelmente simples para o Firefox. Se você já quis determinar quais cores são usadas em uma página da web, o Colorzilla é a ferramenta para o trabalho. Ele adiciona um ícone de olho-ropper ao canto inferior esquerdo do Firefox.
8. Fireftp
Fireftp é uma extensão do Firefox simplificada para fazer upload de arquivos para um servidor. Oferece várias vantagens aos aplicativos Standalonon FTP, como seus requisitos independentes do sistema operacional. Este complemento do navegador possui todos os recursos que você esperaria dos aplicativos independentes.
9. IE Tab
Este ótimo complemento para desenvolvedores da Web permite que você mude de um lado para o outro dos mecanismos de layout do IE e do Firefox com um clique de um botão. Isso permite que você teste e compare como cada navegador renderiza suas páginas da web sem precisar deixar o Firefox ou instalar o IE (VIL).
10. Paleta Grabber
Esse complemento criará temas de cores exportáveis para software popular de edição de gráficos, como Photoshop, Paint Shop Pro, GIMP, Fireworks e Paint.net da página da web que você está visualizando atualmente.
11. Localizador de fontes 0,5c
Com este complemento do Firefox para desenvolvedores da Web, você pode destacar qualquer texto em uma página para descobrir informações de estilo CSS sobre o bloco de texto destacado.
12. Validador total
Esta extensão do Firefox para desenvolvedores da Web é uma ferramenta de validação tudo em um que verificará o HTML, links, receberá capturas de tela e fará muito mais. Ele também executa a validação de acessibilidade (WCAG, US-508), verificação de links quebrados, verificação de ortografia (em cinco idiomas diferentes) e capturas de tela através de diferentes navegadores da Web e sistemas operacionais para ver como são suas páginas da web.
13. Platypus
Mãos para baixo, Platypus é uma das melhores extensões do Firefox para modificar uma página da web. Funciona com o Greasemonkey como uma espécie de wysiwyg e se lembrará de suas edições quando você visitar a página da web novamente. Você pode usá -lo para experimentar diferentes variações de um design da web.
14. Lipmum fictício
Um complemento com um propósito muito simples, Dummy Lipsum gera Lorem muito Texto fictício para você usar em seus designs.
15. Page Dif
Página diff é um complemento que ajuda os desenvolvedores e designers da Web a ver as diferenças de código-fonte HTML entre as páginas da Web. Isso é útil para encontrar irregularidades ou diferenças de código que permitirão depurar problemas de renderização.
16. Aardvark
Earthvarkdestinado a desenvolvedores da Web front-end, vamos selecionar elementos da página da web e oferece várias opções para eles, como removê-los da página da web (ótima para capturas de tela) ou modificar suas cores (útil ao imprimir páginas da web).
17. Codetch
Codetch é um complemento do Editor Wysiwyg que permite editar páginas da web diretamente no Firefox. A interface é modelada após a Dreamweaver (mas, felizmente, o preço não é).
18. Meça
Medi -lo é um complemento que oferece uma régua embutida para medir os elementos da página da web. É ótimo para descobrir as dimensões das coisas em uma página da web.
19. YSLOW
Yslow é um utilitário de navegador da web que compara o desempenho do design de front-end de uma página da web. Isso o ajudará a otimizar seus designs da web para tempos de resposta rápidos, identificando problemas de desempenho.
20. CSSVIEWER
CSSVIEWER Permite inspecionar propriedades CSS em uma página da web que você está visualizando. É uma ótima maneira de estudar estilos que você viu nos sites para aprender técnicas de desenvolvimento do CSS.
Quais complementos do Firefox para designers da web você usa?
Por que você os usa? Junte -se a nós nos comentários!
*Co-autoria por Jacob Gube
