Recursos frescos para web designers e desenvolvedores (março de 2016)

Em nossa última parte, focamos nas várias bibliotecas de Javascript e CSS para ajudar a criar melhores sites e aplicativos da web. Este mês, temos mais bibliotecas para recomendar juntamente com um pequeno foco em tipografia.

Nesta rodada da série, você verá algumas bibliotecas de JS que você encontrará, mas também uma coleção de dicas, um ensaio muito longo sobre tipografia, um gerador de cores e estrutura de frontend leve. Sem mais delongas, vamos dar uma olhada.

Clique para mais recursos

Encontre toda a nossa coleção de recursos recomendados e as melhores ferramentas de web design e desenvolvimento disponíveis.

Dicas JS

JS Tips é uma coleção de dicas de JavaScript, algumas delas girando em torno de sintaxe, alguns sobre eficiência e desempenho de código, e alguns outros são específicos de um framework como o AngularJS. Novas dicas são adicionadas diariamente e atualmente há 50 dicas publicadas. É essencialmente um favorito site para todo desenvolvedor web.

Gerente Vagabundo

Gerente Vagabundo é uma aplicação GUI para controlar o Vagrant. MAMP semelhante, onde você pode parar ou executar o Vagrant, e ver qual Vagrant está atualmente em execução. O aplicativo está disponível para o OS X e para o Windows. Se você não tem certeza do que é o Vagrant, confira nosso post anterior sobre Como instalar o WordPress localmente com o Vagrant.

Bulma

Bulma é um framework frontend. O pacote inclui alguns componentes comuns da interface do usuário da web como navegação, dropdown e (é claro) a grade que é construída inteiramente com Flexbox. O único recurso ausente (pelo menos, por enquanto) são os componentes JavaScript. Os componentes Bulma são muito mais simples do que o Bootstrap, mas devem ser suficientes para construir um site pequeno mas apresentável.

Gutenberg

Nomeado após Johannes Gutenberg, o inventor da imprensa de massa. Gutenberg é uma coleção de regras de estilo para configuração tipográfica adequada Na internet. As regras de estilo definem a linha de base, o tamanho e a escala da fonte e a altura da linha. Uma ótima biblioteca de estilos para tornar o conteúdo do seu site muito melhor.

OkNav

OkNav é um jQuery para construir uma navegação responsiva, mas não apenas outra. O plugin tem uma visão ligeiramente diferente do design responsivo: como a viewport é redimensionada para menor, cada menu será gradualmente mesclado em um ícone para tolerar o tamanho da viewport limitada. Parece legal, não é??

Nova tipografia da web

o Nova tipografia da web é um ensaio profundo de abertura de olhos sobre tipografia. Ele discute os estilos desde os primeiros dias dos livros até a maneira atual como construímos e consumimos na web. Bem pesquisado com várias ilustrações, e totalmente referenciado, é um longo artigo de Robin Rendle, mas definitivamente vale a pena ler para obter uma melhor compreensão da tipografia.

Cofre de cor

Cofre de cor é uma paleta de gerador de cores para a web. Ao contrário das ferramentas que foram mencionadas anteriormente nesta série, o ColorSafe só gera cores compatíveis com o padrão WCAG para acessibilidade de cores..

Diálogo Modal Acessível

Esta é uma pequena biblioteca JavaScript (apenas ~ 0.5kb) para construir uma janela de diálogo modal. Sendo acessíveis, os usuários podem facilmente abrir, fechar e navegar pela caixa de diálogo com um teclado e um mouse. O pacote é simplesmente um JavaScript simples, sem estilo, para que você possa moldar livremente a caixa de diálogo de maneira que desejar.

Mo.js

Mo.js é um pacote completo de biblioteca de animação JavaScript. Ele vem com algumas predefinições para que você possa definir e executar a animação rapidamente. É modular, permitindo remover funcionalidades desnecessárias, fluidas e suaves. Sendo uma nova biblioteca nova, infelizmente, a documentação ainda não está pronta (por enquanto).

Partículas

Esta biblioteca adiciona redes de partículas flutuantes em seu site, simplesmente para que seu site fique mais frio instantaneamente. As partículas reagirão ao movimento do cursor. As reações, bem como outros elementos como cores, distância e forma, podem ser configurados através das opções.