A Ferramenta de Ajuda Regex é uma utilidade baseada na web projetada para ajudar desenvolvedores na construção de expressões regulares (regex). Esta ferramenta fornece uma interface interativa com uma grade de comandos regex comuns e suas descrições, facilitando a compreensão e construção de padrões regex complexos. A ferramenta é responsiva, acessível e inclui tooltips para orientação adicional.
- Grade Interativa de Comandos Regex: Um layout de grade 12x5 contendo botões para comandos regex comuns.
- Tooltips: Passe o mouse sobre os botões para ver descrições de cada comando regex.
- Design Responsivo: Otimizado para telas pequenas e grandes.
- Acessibilidade: Amigável para teclado e leitores de tela.
- Barra de Rolagem Personalizável: Barra de rolagem estética e funcional que se ajusta ao conteúdo.
Você pode ver uma demonstração ao vivo da Ferramenta de Ajuda Regex aqui: https://migmoroni.github.io/RegexQuick/.
Para começar a usar a Ferramenta de Ajuda Regex, siga estas etapas:
-
Clone o repositório:
git clone https://github.com/migmoroni/regexquick.git
-
Navegue até o diretório do projeto:
cd regexquick
-
Abra o
index.html
no seu navegador:open index.html
ou simplesmente abra o arquivo com seu navegador preferido.
A principal funcionalidade desta ferramenta é a grade de comandos regex. Cada botão na grade representa um comando regex diferente. Quando você passa o mouse sobre um botão, aparece um tooltip com a descrição do comando. Isso ajuda você a entender e usar comandos regex de forma eficaz.
- Telas Pequenas: Os botões na grade se organizam verticalmente para garantir uma experiência suave em dispositivos móveis.
- Telas Grandes: Os botões se alinham horizontalmente para uma visão mais ampla.
- Navegação por Teclado: Você pode navegar pelos botões usando a tecla
Tab
. - Leitores de Tela: Cada botão inclui texto acessível para leitores de tela.
A ferramenta possui uma barra de rolagem personalizável que melhora a experiência do usuário sem obstruir a visualização do conteúdo. A barra de rolagem é estilizada para combinar com o tema geral da ferramenta e se ajusta com base no tamanho do conteúdo.
Você pode personalizar facilmente a aparência da Ferramenta de Ajuda Regex modificando o CSS. Os estilos principais estão localizados no arquivo style.css
, onde você pode ajustar cores, fontes e layout.
Contribuições são bem-vindas! Se você deseja contribuir para o projeto, siga estas etapas:
- Faça um fork do repositório.
- Crie um novo branch:
git checkout -b branch-de-funcionalidade
- Faça suas alterações e commit:
git commit -m "Descrição das alterações"
- Push para o branch:
git push origin branch-de-funcionalidade
- Crie um pull request.
Este projeto está licenciado sob a Licença MIT. Veja o arquivo LICENSE para mais detalhes.
Para qualquer dúvida ou feedback, entre em contato pelo e-mail miguelmcontato@gmail.com.
Obrigado por usar a Ferramenta de Ajuda Regex! Esperamos que ela torne seu processo de construção de regex mais fácil e eficiente.