# dpw expo #9 - Micromodal.js, mockAPI, Color.review

> Explore Micromodal.js, MockAPI e Color Review no dpw expo. Modais acessíveis e leves, API fake para testes e análise de contraste de cores. Confira!

URL: https://dpw.dev/indicacoes/dpw-expo-9-micromodal-js-mockapi-color-review/  
Publicado em: 2019-04-03  
Categoria: indicacoes  
Tags: analise, dpw-expo, ferramentas  
Autor: Tárcio Zemel

[Vídeo no YouTube](https://www.youtube.com/watch?v=MRdIGxvhd6Q)

## Micromodal.js

O [Micromodal.js](https://micromodal.now.sh/) é uma lib em JavaScript puro para se trabalhar com modal. É leve, configurável e tem bastante atenção com acessibilidade (a11y).

Seu uso é simplíssimo, não sendo necessário mais que a importação do script, um pequeno HTML pré-marcado e sua inicialização.

Certamente, é uma excelente opção de modais a considerar em seus projetos web.

## mockAPI

Esta talvez seja a ferramenta mais simples do Universo para a criação de endpoints mockados. Com o [mockAPI](https://www.mockapi.io/), é possível criar projetos e configurar resources para endpoints personalizados.

Ele conta com uma interface ultra simples e intuitiva, que permite adicionar/editar campos para realmente adequar a ferramenta às necessidades presentes.

A partir daí, basta acessar os URLs da(s) API(s) criadas e começar a receber mock de dados como se não houvesse amanhã.

Sobre o assunto APIs, confira nossos artigos sobre melhores práticas para API RESTful pragmáticas:

1. [Melhores práticas para uma API RESTful pragmática (parte 1)](/miscelanea/api-restful-melhores-praticas-parte-1/)
2. [Melhores práticas para uma API RESTful pragmática (parte 2)](/miscelanea/api-restful-melhores-praticas-parte-2/)

## Color.review

[Color.review](https://color.review/) é uma ferramenta para acessibilidade que permite receber feedback sobre o contraste de cores.

Analisando cor de text e de background, a Color.review informa em tempo real se a escolha de cores passa nas gradações de a11y possívels: A, AA ou AAA.

É muito intuitiva e divertida de se usar. Conta com facilitadores muito úteis, dentre os quais a possibilidade de compartilhar um URL personalizado com o teste de cores feito.

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml