dpw expo #2 - Popper.js, Colorblind Filter, Rough.js
Channel: dpw
Date: 13/02/2019

Neste dpw expo, você vai conhecer o Popper.js, que é uma biblioteca JavaScript excelente para se trabalhar com tooltips; o Colorblind Web Page Filter, que permite simular deficiências visuais cromáticas ao pré-visualizar páginas web e; Rough.js, biblioteca JS para fazer desenhos estilosos tipo “sketch”/rascunho.

#javascript #acessibilidade #ui  #interface #svg #a11y

----------
Popper.js (https://popper.js.org/)

O Popper.js é uma biblioteca JavaScript que permite trabalhar com tooltips da maneira certa! Através de suas várias opções e possibilidades, é possível conseguir tooltips que respeitam seu posicionamento em tela e tentam jamais sair de cena, independentemente de sua posição, tamanho ou em que ponto esteja a rolagem de tela.

----------
Colorblind (https://www.toptal.com/designers/colorfilter)

Colorblind Web Page Filter é uma ferramenta para acessibilidade que permite a visualização de páginas web através de filtros que simulam deficiências visuais cromáticas. Através de uma série desses filtros, é possível prever em estágios iniciais de desenvolvimento se determinadas opções estão satisfatórias para o público com deficiência visual cromática.


A pedido da empresa responsável, a Toptal, também temos um artigo em nosso blog com mais informações sobre a ferramenta: https://desenvolvimentoparaweb.com/miscelanea/colorblind-web-page-filter/

----------
Rough.js  (https://roughjs.com/)

Rough.js é uma pequena biblioteca de JavaScript para ser usada na criação de gráficos e desenhos no estilo “desenho à mão”. Com ela, é possível desenhar linhas, curvas, arcos, polígonos, círculos e elipses. O Rough.js também suporta o desenho de caminhos SVG e animações.



==========

Assine o canal! http://bit.ly/dpw-youtube

- Facebook: https://www.facebook.com/desenvolvweb/
- Instagram: https://www.instagram.com/desenvolvweb/
- Twitter: https://twitter.com/desenvolvweb

Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/