Recursos frescos para web designers e desenvolvedores (julho de 2015)

Os desenvolvedores da Web são abençoados com ferramentas gratuitas e recursos encontrados on-line, que coletamos obedientemente em nossa série Fresh Resources todos os meses. Se você perdeu o lote do mês passado, visite-o novamente ou confira o restante dos novos recursos compilados no início do ano.

Para o lote de julho de 2015, estamos destacando novas ferramentas e recursos que facilitariam suas tarefas, variando de plug-ins do WordPress que permitem implantar atualizações de plug-ins de maneira particular em uma biblioteca JavaScript para adicionar animações envolventes.

Aladim

Este plugin adiciona funcionalidade extra à administração do WordPress, que é semelhante ao OS X Spotlight. Com ele, você pode acessar rapidamente arquivos e pastas no seu Mac. Uma vez instalado, pressione a tecla Shift duas vezes e digite o que você gostaria de acessar. Torna a administração do WordPress mais acessível com o uso do teclado.

CSS do SiteOrigin

SiteOrigin CSS é um plugin WordPress robusto para personalizar qualquer aparência de tema em tempo real. O plugin adiciona um novo painel sob o Aparência> CSS personalizado cardápio. Aí, você pode escrever regras CSS personalizadas para sobrescrever o CSS do tema que você está usando, ou você também pode usar o painel GUI para adicionar as regras CSS intuitivamente.

DynamicsJS

DynmaicJS é uma biblioteca para aplicar animação baseada em física. Eu não sou um especialista em física, mas os exemplos aqui neste menu parecem muito legais. Ele pode animar elementos HTML e SVG e oferece um desempenho rápido sem qualquer dependência. O DynamicJS foi testado no Safari 7+, Firefox 35+, Chrome 34+ e IE10+.

Modo avião

Este plug-in impedirá que várias solicitações HTTP externas do WordPress, como o atualizador de fontes do Google, Gravatar e WordPress, tentem se conectar a repositórios de plug-ins e de temas para atualizações. É um plugin útil para o desenvolvimento local para evitar que erros ocorram quando essas chamadas falharem (o que geralmente acontece quando você está desenvolvendo localmente sob uma Internet excepcionalmente lenta).

Coverr

Uma coleção de vídeos que são ótimos para os cabeçalhos dos seus sites. Todos os vídeos são gratuitos, licenciados sob domínio público. Não esqueça de verificar o “Como usar” seção para saber como adicionar o vídeo à sua página da web.

VibrantJS

VibrantJS agarra cores proeminentes de uma imagem. Ele também expõe algumas APIs que permitem processar a cor obtida, como alternar o formato da cor e decidir a composição adequada para o plano de fundo e o texto. Você pode usá-lo para melhorar a interface do seu site com geração dinâmica de cores, usar a cor como uma imagem de espaço reservado quando a imagem ainda não está totalmente carregada ou criar um aplicativo da Web para gerar uma amostra de cor.

GradifyCSS

Esta biblioteca pega duas cores proeminentes e gera um gradiente CSS das cores obtidas. Semelhante ao VibrantJS, você pode aplicar o gradiente como o espaço reservado da imagem para quando a imagem não estiver totalmente carregada ou como uma cor de sobreposição.

PurifyCSS

O PurifyCSS limpa as regras CSS não utilizadas da sua folha de estilo. Você pode usar isso para reduzir os tamanhos das folhas de estilo de estruturas grandes, como Bootstrap e Foundation, em até 40%. PurifyCSS está disponível como um plugin Grunt e Gulp.

Título Capital para WordPress

O nome já disse tudo. Este plugin WordPress irá transformar os títulos, bem como os títulos dentro do conteúdo em letras maiúsculas adequadas ao salvar ou publicar o post e a página. Acho esse plug-in útil para websites com vários autores para manter a consistência do conteúdo de seu website.

Atualizador do GitHub

Este plugin permite ao usuário instalar e atualizar automaticamente Plugins WordPress hospedados no GitHub. Apesar do nome, o plugin também suporta Bitbucket e GitLab, incluindo um em um repositório privado. É um plugin útil para desenvolvedores que desenvolvem e distribuem seus plugins ou temas exclusivamente para seus clientes.

Exemplos de código

Uma coleção de exemplos de código de Equipa de Revisão do Tema WordPress. No momento, o exemplo consiste em códigos para criar componentes do Customizador de Tema usando a API do Customizador, incluindo para criar a Seção, Configurações e Painel. Mais exemplos de códigos de práticas recomendadas adicionadas no futuro.