Contente
- 01. Simplifique o Gmail
- 02. Espectro
- 03. CSS Scan 2.0
- 04. Amino
- 05. Sizzy
- 06. Paleta do Site
- 07. Checkbot
- 08. Toby
- 09. DomFlags
- 10. Altamente Marcador
As ferramentas de desenvolvimento do Chrome são ótimas, mas é possível adicionar recursos ainda mais interessantes ao seu navegador de internet para facilitar o design e o desenvolvimento da web.
Existem, é claro, uma tonelada de outras ferramentas para acelerar as coisas, veja nossa postagem sobre ferramentas de web design favoritas. Por enquanto, porém, aqui estão 30 de nossas extensões favoritas do Chrome para web designers e desenvolvedores.
01. Simplifique o Gmail
Se você está achando que o Gmail está ficando um pouco bagunçado demais para o seu próprio bem, diga olá para Simplificar o Gmail, que elimina todos os detritos e más decisões de interface de usuário que surgiram nos últimos anos. Criado pelo ex-designer principal do Gmail, Michael Leggett, ele se livra de toda a confusão e oferece uma versão mais despojada e funcional.
02. Espectro
O daltonismo de algum tipo afeta cerca de 200 milhões de pessoas em todo o mundo, mas atendê-los geralmente não está na lista de verificação de acessibilidade dos designers. Com o Spectrum, no entanto, você pode testar rapidamente seu site em relação a diferentes tipos de deficiência de visão de cores e garantir que tudo esteja claro.
03. CSS Scan 2.0
As ferramentas de desenvolvimento do Chrome são uma maneira prática de verificar como um site funciona, mas CSS Scan 2.0 é ainda mais fácil se for CSS que você deseja examinar. Passe o mouse sobre qualquer elemento e seu CSS aparecerá em uma visualização pop-up, permitindo que você copie suas regras com um único clique. Você pode usá-lo para copiar elementos específicos de temas ou modelos para adaptá-los para seu próprio uso, e é ótimo para depurar seu próprio código.
04. Amino
Aqui está outra ótima ferramenta CSS. Amino é um editor CSS ao vivo que permite gerar folhas de estilo no navegador e aplicá-las em tempo real aos sites. Ele efetivamente permite que você faça alterações permanentes de design em qualquer site que você visite e, se você estiver conectado ao Chrome com sua conta do Google, as folhas de estilo serão sincronizadas para que possam ser acessadas a partir do Chrome em todos os seus dispositivos de desktop.
05. Sizzy
Web design responsivo é um dado adquirido hoje em dia, e se você quiser uma maneira direta de verificar seus designs em várias janelas de visualização, vale a pena dar uma olhada em Sizzy. Ele vai mostrar uma visualização interativa de sua página renderizada em uma série de tamanhos de tela de dispositivo diferentes, e você também pode mostrar e ocultar um teclado de dispositivo simulado e alternar entre os modos retrato e paisagem.
06. Paleta do Site
Na próxima vez que você vir um site que usa cores muito bem, aqui está uma maneira simples de tirar proveito disso. A Paleta do site extrai as cores principais de um site e gera uma paleta compartilhável que você pode mostrar facilmente aos colaboradores. Você também pode baixar um modelo Sketch, e também há suporte para Adobe Swatch.
07. Checkbot
Certificar-se de que todos os links em seu site realmente funcionam é uma vitória instantânea da usabilidade e uma boa maneira de melhorar seu SEO também. Checkbot é uma extensão do Chrome que verifica a existência de links quebrados, títulos duplicados, redes de redirecionamento, HTML / JS / CSS inválido e muito mais, para que você possa auditar rapidamente seu site em busca de links ruins e consertá-los.
08. Toby
É uma verdade universalmente reconhecida que, depois de abrir o Chrome por algumas horas, ele será um confuso ninho de guias da largura de seu dedo mínimo. Toby é uma ótima maneira de domesticá-los; com ele, você pode organizar todas essas guias em coleções de links como uma alternativa para muitos favoritos individuais, tornando-os muito mais fáceis de gerenciar.
09. DomFlags
Acelere radicalmente os processos de estilização de elementos com DomFlags, uma extensão realmente excelente que permite criar atalhos de teclado para elementos DOM. É como ter marcadores para navegar no DOM; isso mudará a maneira como você trabalha com DevTools.
10. Altamente Marcador
Esta é uma maneira interessante de trazer as pessoas para uma discussão: Highly permite que você compartilhe destaques de artigos na web, para que você possa chamar a atenção para as partes mais significativas da escrita.
Próximo: mais 10 extensões do Chrome