Recursos frescos para web designers e desenvolvedores (julho de 2017)
O tempo voa e estamos agora no meio de 2017. Na edição deste mês, temos uma grande variedade de bibliotecas JavaScript e algumas outras, como um plug-in para ativar o GraphQL no WordPress, um aplicativo de desktop para renderizar dados CSV e alguns sites frameworks. Vamos dar uma olhada.
HeroPatterns
Uma coleção de padrão repetitivo feito com SVG que você pode usar como plano de fundo em seu site. O site está equipado com um ambiente prático para personalizar a cor e a opacidade do padrão e permite que você simplesmente copie e cole o código para adicionar em seu CSS.

TestCafe
TestCafe é um ferramenta de teste de ponta a ponta (e2e) que permite testar seus sites e aplicativos da Web como se estivesse sendo usado por usuários reais. Ele automatizará várias coisas ao executar o teste, incluindo iniciando os navegadores, execute a unidade de teste especificada, gere relatórios, screenshots, bem como sourcemap para solucionar erros facilmente.

SugarJS
SugarJS é uma biblioteca JavaScript para manipular objetos, matrizes e datas com uma sintaxe mais agradável e mais legível. A biblioteca também vem com um punhado de funções utilitárias, por exemplo, .escapeHTML ()
qual vai converter elementos HTML em seu formato Entity.

SENHORA
Uma biblioteca JavaScript útil para tempo de giro, número e string regular para milissegundos. ms ('2 dias')
, por exemplo, será convertido para 172800000
.

pa11y
Uma grande coleção de ferramentas para ajudar melhorar a acessibilidade no seu site e aplicativos da web. pa11y consiste em uma CLI para testar quaisquer páginas da web em busca de problemas de acessibilidade, Painel para mostrar relatórios gerados de erros e avisos, e um CLI que é projetado especificamente para uma ferramenta de CI como Codeship ou Travis.

Ícones de penas
UMA coleção de ícones com vibração moderna. Esses ícones são perfeitos para sites e aplicativos desenvolvidos para qualquer plataforma (iOS, Windows ou Ubuntu). Os ícones entram SVG, bem como em componentes Reagir e Angular.

Reagir Voo
Um módulo React to to criar composição de animação em sua aplicação. A biblioteca é inspirada no Princípio do Esboço, no qual você pode adicionar interatividade a um componente de interface do usuário Rapidamente e facilmente.

BounceJS
Uma biblioteca para crie animações com efeito de ressalto. A animação é alimentada por CSS3 e por várias animações predefinidas. Você pode instalar a biblioteca JavaScript através do npm, bower ou simplesmente copie a animação CSS gerado no site.

Bojler
Bojler é um estrutura de e-mail com a diretriz para escrever código HTML que será renderizado corretamente nos clientes de email mais populares. Você pode encontrar mais estruturas de e-mail em nosso post anterior.

Devicon
Uma coleção de ícones de linguagens de programação, design e ferramentas de desenvolvimento. Os ícones estão disponíveis no formato SVG e Font. Algum particular ícones como Firefox, AWS e HTML5 também vêm com suas variantes detalhadas. Direito muito legal?

Agora kit de interface do usuário
Uma interface responsiva de coleção baseada no Bootstrap 4. Ela apresenta 50 elementos e 3 modelos personalizados. Além da versão HTML, a interface do usuário também é fornecida nos formatos PSD e Sketch..

T-Scroll
T-Scroll é um Biblioteca JavaScript para aplicação de animação quando um elemento é visível na viewport. É equipado com um punhado de opções e animações predefinidas.

Ory Editor
O ORY é um editor da web moderno e mais acessível na web. O editor ORY é construído em cima de Reagir e Fluir. Facilita a edição, permitindo que os usuários editem conteúdo e vejam o resultado imediatamente sem precisar conhecer sintaxes especiais como HTML ou Markdown.

TadViewer
TadViewer é um prático aplicativo de desktop para ver o CSV e funciona em grandes dados e arquivos. O aplicativo está disponível no macOS, Windows e Linux.

Policarbonato Suave
O Smooth Scrolling provou ter uma experiência de usuário mais agradável. Agora é proposto e redigido oficialmente no W3C. No momento, ele está funcionando apenas no Chrome, no Firefox e no Opera. Use esta biblioteca para emular o comportamento de rolagem suave no Internet Explorer e no Safari.

Noty
Uma biblioteca JavaScript para exibir notificações, Noty facilita a exibição de um Alart, Sucesso, Erro, Aviso, Informação ou uma mensagem de diálogo. Pode ser usado junto com uma biblioteca de animação como mo.js e bounce.js para fazer a notificação entrar e sair elegantemente.

Amarelinha
Amarelinha é uma projeto de código aberto instanciado pelo LinkedIn. É uma estrutura para facilitar a inclusão de tours de produtos pelos desenvolvedores. Confira a demonstração de um exemplo ao vivo e a API.

SurveyJS
SurveyJS é outra biblioteca JavaScript incrível. Como o nome indica, é projetado para criar entradas de pesquisa. Ele possui vários tipos de entrada para preencher as respostas da pesquisa e também foi portado para vários frameworks JavaScript populares incluindo AngularJS, VueJS e React.

WP GraphQL
GraphQL está em ascensão e pode ser um forte concorrente para substituir a arquitetura REST que alimenta quase todas as APIs da web. Este é um plugin que permitirá que você recuperar seu conteúdo do WordPress com o GraphQL. Aqui está uma ótima referência sobre como o REST e o GraphQL diferem entre si.

Editor de Mônaco
Monaco Editor é o editor que poderes Visual Code Editor. Ele é criado pela Microsoft e suporta várias linguagens prontas para uso, incluindo HTML, CSS, LESS, CoffeeScript e PHP junto com o IntelliSense que ajuda você a escrever código mais rápido.
