Recursos frescos para web designers e desenvolvedores (janeiro de 2016)

Muitas das ferramentas e aplicativos para desenvolvedores encontrados na Web evoluem de acordo com as tendências, enquanto alguns evoluem para uma solução mais pragmática. Na edição deste mês, decidi gastar mais tempo procurando recursos que talvez não pareçam tão úteis , mas ainda destacam-se em suas respectivas categorias.

Temos uma fonte bonita que pode ser sua Helvetica Neue substituição, uma biblioteca JavaScript para testar a pressão de toque e uma ferramenta útil para o registro de erros do JavaScript. 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.

Fonte OverPass

Ultrapassar font é uma fonte livre inspirada na Highway Gothic. Highway Gothic é um tipo de letra amplamente adotado em muitos países para sinais de trânsito devido à sua legibilidade em distâncias e altas velocidades. A fonte OverPass vem em quatro pesos de fonte (fina, normal, semilavizada e em negrito), letras maiúsculas e minúsculas e também pode ser convertida em uma fonte da Web.

Licença: OFL (licença de fonte aberta)

Pa11y

Pa11y é um ferramenta para testar a acessibilidade do seu site com menos problemas, através da beleza que é automação. Você pode usar a interface de linha de comando ou a configuração através do painel, se preferir uma interface colorida e interativa. O Pa11y produzirá um relatório, mostrando as áreas a serem corrigidas se você quiser melhorar a acessibilidade do seu site para várias deficiências.

Mais recursos sobre acessibilidade:

A Web Moderna e Acessibilidade [Vídeo]
Lista de reprodução: Accesibility by Thomas Bradly [Video]
Um olhar sobre os padrões da ARIA na Web e a acessibilidade aos aplicativos HTML

PressureJS

O Force Touch da Apple basicamente mede a pressão do dedo na tela ou no trackpad, que pode ser usado para adicionar funcionalidades extras. Os desenvolvedores podem aproveitar essa tecnologia para adicionar usabilidade aos seus aplicativos nativos do OS X ou iOS. PressureJS é uma biblioteca JavaScript que ganchos nas APIs do Force Touch e permite que você o aplique em seus sites.

SplitJS

SplitJS é uma biblioteca JavaScript leve que permite que você dividir a janela de visualização da janela do navegador em várias seções. Você pode ter visto o uso comum em aplicativos da web de compartilhamento de código, como CodePen.io, JSFiddle ou JSBin, em que os espaços de trabalho HTML, CSS e JS são separados em suas próprias seções.

FlexibilidadeJS

O Flexbox facilita a organização de layouts da web. No entanto, como ele não funciona no Internet Explorer 9 e 8, os desenvolvedores da Web muitas vezes precisam voltar a usar o notoriamente problemático flutuador propriedade. FlexibilidadeJS está aqui para que você possa use o Flexbox sem deixar esses antigos navegadores para trás.

LabellaJS

LabellaJS faz criando uma linha do tempo rotulada muito mais fácil. Você tem várias opções à sua disposição para controlar a posição, a direção, a largura, a altura e o algoritmo de layout da etiqueta. Ele funciona com o carregador da AMD, como o RequireJS, e pode ser usado com o Browserify e o Node.js. Nenhuma dependência exigida.

Pequenino

Pequenino é mais do que apenas outro framework CSS. Ele é embalado com muitos componentes para ajudar no processo de construção, incluindo servidor embutido, recarga ao vivo, sourcemap, minification, validador de código, e gerador de site estático. Ele também vem com suas próprias bibliotecas JavaScript com recursos para aprimorar o frontend de seu site.

Grav

Grav é baseado em arquivo simples CMS semelhante ao Jekyll, um gerador de site estático. No entanto, pode ser estendido através de temas e plugins, muito parecido com o WordPress. Por exemplo, você pode instalar para adicionar Painel do administrador, códigos de acesso, comentários, formulários e Sitemap. Em geral, é um excelente CMS que também pode ser um grande concorrente para um CMS mais estabelecido..

PatternPack

PatternPack é uma ferramenta que permite que você construir um sistema para construir seu site ou aplicativo e compartilhá-lo em diferentes projetos de uma só vez. Ter um sistema padrão é uma forma geral de prática recomendada: ele não apenas acelera seu fluxo de trabalho, mas também torna o projeto mais sustentável. Leia o Guia de Início para ver como usar a ferramenta.

OhCrash!

A depuração em JavaScript pode ser muito complicada. Seus usuários podem ter erros que você provavelmente não experimentou durante o desenvolvimento e a implantação, porque você já tem a configuração perfeita. O complicado aqui é que o erro é registrado apenas no navegador do usuário. Com OhCrash agora você pode coloque o log em seus repositórios do Github, então você está mais bem informado sobre o erro.