# Matheus Costa — UX/UI Designer e Desenvolvedor Front-end > UX/UI Designer e Desenvolvedor Front-end em São José do Rio Preto/SP. Sites, landing pages e e-commerces com estratégia, estética e clareza. ## About This file provides a structured overview of the documentation and content available on this site, optimized for consumption by Large Language Models (LLMs) and AI assistants. ## Pages - [Blog (Página 2) — Matheus Costa](https://matheuscostadesign.github.io/blog/2) Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa. - [Blog (Página 3) — Matheus Costa](https://matheuscostadesign.github.io/blog/3) Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa. - [Exemplo prático Axios Interceptor consumindo várias APIs — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/axios-interceptor-consumindo-varias-apis) Exemplo prático Axios Interceptor consumindo várias APIs - [As melhores bibliotecas de UI para Frontend em 2024 — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/bibliotecas-ui-para-frontend) Links de algumas bibliotecas de estilização no front-end - [Comandos básicos de Git — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/comandos-basicos-de-git) Aprenda neste post alguns dos comandos básicos de Git - [Como fazer todos os links externos do site abrir em uma nova aba/guia — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-abrir-todos-links-externos-do-site-em-uma-nova-aba-ou-guia) Veja neste artigo como fazer com que todos os links externos do seu site abram em uma nova guia do navegador. - [Como alterar a cor do texto selecionado de uma página com CSS — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-alterar-a-cor-do-texto-selecionado-de-uma-pagina-com-css) Aprenda neste artigo como alterar a cor do texto selecionado do site com CSS - [Como alterar menu header após scroll com Javascript — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-alterar-menu-header-apos-scroll-com-javascript) Veja neste artigo como alterar o menu/cabeçalho/header do site após scroll na página com Vanilla Javascript (Pure JS). - [Atualizar ano atual automaticamente com Javascript — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-atualizar-ano-atual-do-site-automaticamente-com-javascript) Veja neste artigo como mostrar o ano atual automaticamente no footer do site - [Como configurar chave SSH para o Github — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-configurar-chave-ssh-github) Aprenda neste post como configurar chave SSH para o Github - [Como configurar path aliases em um projeto React + Vite + TypeScript + SWC — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-configurar-path-aliases-em-um-projeto-react-com-vite-typescript-swc) Veja neste post como configurar as importações com - [Como criar apps com React Native — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-criar-apps-com-react-native) Neste post estarei compartilhando e documentando minha experiência durante o processo de criação de aplicativos Android e iOS utilizando React Native. - [Como detectar imagens quebradas — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-detectar-imagens-quebradas) Aprenda como detectar e corrigir imagens quebradas de um site - [Como enviar dados do formulário HTML para o Whatsapp — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-enviar-dados-do-formulario-html-para-o-whatsapp-de-forma-simples) Veja neste artigo como enviar os dados digitados no formulário HTML para o Whatsapp com validação de campos obrigatórios. - [Como espelhar celular Android no PC com scrcpy da Genymobile — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-espelhar-celular-android-no-pc-com-scrcpy-genymobile) Aprenda neste post como espelhar o celular Android no PC Windows com scrcpy - [Como fazer o efeito voltar ao topo suave com jQuery — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-fazer-o-efeito-de-voltar-ao-topo-suave-com-jquery) Veja neste artigo como fazer o efeito voltar ao topo da página de forma suave (smooth scrolling) utilizando a biblioteca jQuery - [Como formatar um currículo de maneira adequada — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-formatar-um-curriculo-de-maneira-adequada) Veja neste artigo uma dica de ferramenta para melhorar seu currículo e conseguir passar pelas ferramentas atuais de seleção, as chamadas ATS. - [Como gerar o certificado SSL/HTTPS de forma manual — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-gerar-o-certificado-ssl-https-de-forma-manual) Veja neste artigo como gerar os arquivos de certificado SSL da Let - [Como habilitar acesso à câmera em sites sem certificado HTTPS/SSL — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-habilitar-acesso-a-camera-em-sites-sem-certificado-https-ssl) Aprenda neste post como habilitar acesso à câmera em sites sem certificado HTTPS/SSL - [Ferramenta online para otimização de imagens JPEG — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-otimizar-imagens-jpeg) Ferramenta útil para otimizar imagens em JPG/JPEG - [Como remover o fundo de uma imagem com CSS — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-remover-o-fundo-de-uma-imagem-com-css) Aprenda como remover o fundo de uma imagem com CSS - [Disponibilize imagens em formatos de última geração — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-resolver-o-erro-disponibilize-imagens-em-formatos-de-ultima-geracao) Veja neste artigo como resolver o problema no resultado do Google Pagespeed: Disponibilize imagens em formatos de última geração - [Como visualizar alterações em um site ou projeto em tempo real usando o Visual Studio Code e o Live Server — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/como-visualizar-alteracoes-em-um-site-ou-projeto-em-tempo-real-usando-o-visual-studio-code-e-o-live-server) Essa dica irá aumentar muito a sua produtividade no momento em que estiver desenvolvendo o seu site/projeto e quiser ver as alterações em tempo real - [Configurações importantes para adicionar no arquivo .htaccess — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/configuracoes-importantes-para-adicionar-no-arquivo-htaccess) Veja neste artigo configurações importantes de se adicionar no arquivo .htaccess para servidores web/PHP - [Guia básico de comandos terminal SSH/Bash/Putty — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/guia-basico-de-comandos-terminal-ssh-bash-putty) Aprenda neste post alguns dos comandos de terminal mais utilizados no dia a dia - [Guia rápido de semântica HTML para UX Writers — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/guia-rapido-de-semantica-html-para-ux-writers) Este artigo é um guia prático para UX Writers que desejam entender e aplicar a semântica HTML de forma estratégica. - [Blog (Página 1) — Matheus Costa](https://matheuscostadesign.github.io/blog) Dicas e conhecimentos sobre desenvolvimento web, frontend, React, Astro e design UX/UI por Matheus Costa. - [Melhores ferramentas gratuitas para criar documentação em 2026 — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/melhores-ferramentas-para-criar-documentacao-de-sistemas-e-sites) Links de algumas ferramentas gratuitas para criação de documentação de projetos - [O que é o Figma Buzz? — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/o-que-e-o-figma-buzz) Descubra o que é o Figma Buzz, a nova ferramenta do Figma que facilita a criação de materiais visuais consistentes para marcas, com colaboração, modelos prontos e recursos de IA. - [Padrões de mensagens de commit — Blog Matheus Costa](https://matheuscostadesign.github.io/blog/padroes-de-mensagens-de-commit) Aprenda neste artigo algumas convenções/padronizações das mensagens de commits para o Git/Github. - [Matheus Costa — UX/UI Designer e Desenvolvedor Front-end](https://matheuscostadesign.github.io) UX/UI Designer e Desenvolvedor Front-end em São José do Rio Preto/SP. Sites, landing pages e e-commerces com estratégia, estética e clareza. ## Documentation ### blog - [Como visualizar alterações em um site ou projeto em tempo real usando o Visual Studio Code e o Live Server](https://matheuscostadesign.github.io/blog/2020/09/2020-09-01-live-server) Essa dica irá aumentar muito a sua produtividade no momento em que estiver desenvolvendo o seu site/projeto e quiser ver as alterações em tempo real - [Ferramenta online para otimização de imagens JPEG](https://matheuscostadesign.github.io/blog/2022/01/2022-01-14-imagens-jpeg) Ferramenta útil para otimizar imagens em JPG/JPEG - [Disponibilize imagens em formatos de última geração](https://matheuscostadesign.github.io/blog/2022/01/2022-01-17-imagens-webp) Veja neste artigo como resolver o problema no resultado do Google Pagespeed: Disponibilize imagens em formatos de última geração - [Atualizar ano atual automaticamente com Javascript](https://matheuscostadesign.github.io/blog/2022/01/2022-01-21-atualizar-ano) Veja neste artigo como mostrar o ano atual automaticamente no footer do site - [Configurações importantes para adicionar no arquivo .htaccess](https://matheuscostadesign.github.io/blog/2022/02/2022-02-11-htaccess) Veja neste artigo configurações importantes de se adicionar no arquivo .htaccess para servidores web/PHP - [Como alterar a cor do texto selecionado de uma página com CSS](https://matheuscostadesign.github.io/blog/2022/02/2022-02-18-cor-texto) Aprenda neste artigo como alterar a cor do texto selecionado do site com CSS - [Como gerar o certificado SSL/HTTPS de forma manual](https://matheuscostadesign.github.io/blog/2022/02/2022-02-21-ssl-manual) Veja neste artigo como gerar os arquivos de certificado SSL da Let's Encrypt para seu site de forma manual e gratuita. - [Como alterar menu header após scroll com Javascript](https://matheuscostadesign.github.io/blog/2022/02/2022-02-22-header-scroll) Veja neste artigo como alterar o menu/cabeçalho/header do site após scroll na página com Vanilla Javascript (Pure JS). - [Como enviar dados do formulário HTML para o Whatsapp](https://matheuscostadesign.github.io/blog/2022/03/2022-03-18-whatsapp) Veja neste artigo como enviar os dados digitados no formulário HTML para o Whatsapp com validação de campos obrigatórios. - [Como fazer o efeito voltar ao topo suave com jQuery](https://matheuscostadesign.github.io/blog/2022/03/2022-03-22-voltar-topo) Veja neste artigo como fazer o efeito voltar ao topo da página de forma suave (smooth scrolling) utilizando a biblioteca jQuery - [As melhores bibliotecas de UI para Frontend em 2024](https://matheuscostadesign.github.io/blog/2023/05/2023-05-01-libs-frontend) Links de algumas bibliotecas de estilização no front-end - [Guia básico de comandos terminal SSH/Bash/Putty](https://matheuscostadesign.github.io/blog/2023/05/2023-05-02-comandos-bash) Aprenda neste post alguns dos comandos de terminal mais utilizados no dia a dia - [Comandos básicos de Git](https://matheuscostadesign.github.io/blog/2023/05/2023-05-03-comandos-git) Aprenda neste post alguns dos comandos básicos de Git - [Como criar apps com React Native](https://matheuscostadesign.github.io/blog/2023/05/2023-05-04-react-native) Neste post estarei compartilhando e documentando minha experiência durante o processo de criação de aplicativos Android e iOS utilizando React Native. - [Padrões de mensagens de commit](https://matheuscostadesign.github.io/blog/2023/08/2023-08-08-padroes-commit) Aprenda neste artigo algumas convenções/padronizações das mensagens de commits para o Git/Github. - [Como detectar imagens quebradas](https://matheuscostadesign.github.io/blog/2023/09/2023-09-14-imagens-quebradas) Aprenda como detectar e corrigir imagens quebradas de um site - [Como remover o fundo de uma imagem com CSS](https://matheuscostadesign.github.io/blog/2023/09/2023-09-15-bg-css) Aprenda como remover o fundo de uma imagem com CSS - [Exemplo prático Axios Interceptor consumindo várias APIs](https://matheuscostadesign.github.io/blog/2024/04/2024-04-12-axios) Exemplo prático Axios Interceptor consumindo várias APIs - [Como formatar um currículo de maneira adequada](https://matheuscostadesign.github.io/blog/2024/05/2024-05-31-cv) Veja neste artigo uma dica de ferramenta para melhorar seu currículo e conseguir passar pelas ferramentas atuais de seleção, as chamadas ATS. - [Como fazer todos os links externos do site abrir em uma nova aba/guia](https://matheuscostadesign.github.io/blog/2024/05/2024-05-31-links-externos) Veja neste artigo como fazer com que todos os links externos do seu site abram em uma nova guia do navegador. - [Como configurar path aliases em um projeto React + Vite + TypeScript + SWC](https://matheuscostadesign.github.io/blog/2024/06/2024-06-03-path-aliases) Veja neste post como configurar as importações com '@' (path aliases) em um projeto Vite/React com Typescript e SWC - [Como espelhar celular Android no PC com scrcpy da Genymobile](https://matheuscostadesign.github.io/blog/2024/06/2024-06-05-scrcpy) Aprenda neste post como espelhar o celular Android no PC Windows com scrcpy - [Como habilitar acesso à câmera em sites sem certificado HTTPS/SSL](https://matheuscostadesign.github.io/blog/2024/06/2024-06-10-acesso-camera) Aprenda neste post como habilitar acesso à câmera em sites sem certificado HTTPS/SSL - [Como configurar chave SSH para o Github](https://matheuscostadesign.github.io/blog/2024/07/2024-07-12-ssh-github) Aprenda neste post como configurar chave SSH para o Github - [O que é o Figma Buzz?](https://matheuscostadesign.github.io/blog/2025/05/2025-05-05-o-que-e-o-figma-buzz) Descubra o que é o Figma Buzz, a nova ferramenta do Figma que facilita a criação de materiais visuais consistentes para marcas, com colaboração, modelos prontos e recursos de IA. - [Guia rápido de semântica HTML para UX Writers](https://matheuscostadesign.github.io/blog/2025/06/2025-06-18-ux-writers) Este artigo é um guia prático para UX Writers que desejam entender e aplicar a semântica HTML de forma estratégica. - [Melhores ferramentas gratuitas para criar documentação em 2026](https://matheuscostadesign.github.io/blog/2026/03/2026-03-04-ferramentas-documentacao) Links de algumas ferramentas gratuitas para criação de documentação de projetos ## Quick Links - Full Documentation: https://matheuscostadesign.github.io/llms-full.txt - Documentation Manifest: https://matheuscostadesign.github.io/docs.json - AI-Optimized Index: https://matheuscostadesign.github.io/ai-index.json - Sitemap: https://matheuscostadesign.github.io/sitemap.xml ## For LLMs To get the complete documentation in a single file, request: https://matheuscostadesign.github.io/llms-full.txt For structured access to individual pages with metadata: https://matheuscostadesign.github.io/docs.json For RAG (Retrieval Augmented Generation) systems: https://matheuscostadesign.github.io/ai-index.json --- Generated by aeo.js - Answer Engine Optimization for the modern web Learn more at https://aeojs.org