Um site pessoal para explorar e compartilhar caracteres especiais Unicode, incluindo caracteres empilhados e combinações únicas.
- Exploração de Caracteres: Descubra caracteres especiais como "｜", "ㅤ", " ", " " e combinações tailandesas complexas
- Páginas Individuais: Cada caractere tem sua própria página detalhada com informações completas
- Sistema de Exploração: Página completa com todos os caracteres disponíveis, busca avançada e filtros
- Busca Integrada: Barra de busca para encontrar caracteres rapidamente
- Página de Pesquisa Dedicada: Interface completa de busca com resultados em tempo real
- Informações Técnicas Detalhadas: Propriedades Unicode completas, codificação e códigos para copiar
- Funcionalidade de Copiar: Copie facilmente qualquer caractere com um clique
- Compartilhamento: Compartilhe caracteres em redes sociais
- Integração Social: Links diretos para WhatsApp Channel e Threads
- Design Responsivo: Experiência perfeita em desktop e dispositivos móveis
- Navegação Intuitiva: Interface moderna com animações suaves e botões de voltar
- 404 Personalizada: Página de erro personalizada com navegação útil
- "｜" (U+007C) - Vertical Line
- "ㅤ" (U+1160) - Invisível Grande (Hangul Filler)
- " " (U+2000) - Invisível Médio (En Quad)
- " " (U+205F) - Invisível Pequeno (Medium Mathematical Space)
- Super Stack Character: Combinação complexa de caracteres tailandeses com diacríticos empilhados
- Glitch Z: Caractere especial com efeito visual glitch
O projeto atualmente inclui mais de 50 caracteres especiais organizados por categorias:
- U+007C (Vertical Line)
- U+1160 (Hangul Filler)
- U+115F (Hangul Choseong Filler)
- U+180E (Mongolian Vowel Separator)
- U+2000-U+200A (Various Spaces)
- U+200B-U+200D (Zero-Width Characters)
- U+2060-U+2064 (Invisible Operators)
- U+205F (Medium Mathematical Space)
- U+3000 (Ideographic Space)
- U+00A6 (Broken Bar)
- U+2016 (Double Vertical Line)
- U+203B (Reference Mark)
- U+203D (Interrobang)
- U+2042 (Asterismo)
- U+21B7, U+21BA (Setas e Símbolos)
- U+21D0-U+21D2 (Setas Direcionais)
- U+2295, U+2297, U+2299 (Operações Matemáticas)
- U+22EE, U+22EF (Pontos Verticais)
- U+2318 (Place of Interest Sign)
- U+23CF (Eject Symbol)
- U+23F8 (Pause Symbol)
- U+2600 (Sol Negro)
- U+2601 (Nuvem)
- U+2605 (Estrela Preenchida)
- U+2606 (Estrela Contornada)
- U+2720 (Cruz de Máltes)
- U+2726 (Estrela de Quatro Pontas)
- U+2737, U+273B (Estrelas Decorativas)
- U+2747 (Brilhante)
- U+2766 (Flor de Pargraph)
- U+0E18 (Caractere Tailandês)
- U+2E18 (Inverted Interrobang)
- Glitch-Z (Efeito Visual Glitch)
- Super-Stack-Character (Combinação Complexa)
character/
├── index.html # Página principal
├── 404.html # Página de erro personalizada
├── character/ # Diretório de páginas individuais (50+ arquivos)
│ ├── explore.html # Sistema completo de exploração
│ ├── Glitch-Z.html # Glitch Z Character
│ ├── Super-Stack-Character.html # Super Stack Character
│ ├── U+007C.html # Vertical Line
│ ├── U+00A6.html # Broken Bar
│ └── ...
├── search/ # Sistema de busca
│ └── index.html # Página de pesquisa dedicada
├── styles.css # Estilos CSS globais
├── script.js # Funcionalidades JavaScript
├── favicon.ico # Favicon do site
└── README.md # Este arquivo
- HTML5: Estrutura semântica moderna
- CSS3: Design responsivo com Grid e Flexbox
- JavaScript ES6+: Funcionalidades interativas
- Font Awesome: Ícones profissionais
- Google Fonts: Tipografia Inter
- Gradientes Modernos: Fundos atraentes com gradientes CSS
- Animações Suaves: Transições e micro-interações
- Cards Interativos: Hover effects e feedback visual
- Toast Notifications: Feedback não-intrusivo para o usuário
- Mobile-First: Design responsivo otimizado para mobile
- Hero section com introdução ao projeto
- Cards interativos para caracteres principais
- Barra de busca integrada
- Seção sobre o fenômeno dos caracteres empilhados
- Links para redes sociais
- Catálogo completo com todos os 50+ caracteres
- Busca em tempo real com filtragem
- Interface organizada por categorias
- Cards interativos com preview dos caracteres
- Navegação intuitiva com scroll suave
- Interface avançada de busca
- Resultados em tempo real
- Histórico de pesquisas
- Filtros por categoria e tipo
- Exibição ampla do caractere
- Abas organizadas (Propriedades, Codificação, Códigos, Imagens)
- Tabelas detalhadas com informações técnicas
- Botões de copiar e compartilhar
- Design responsivo otimizado
- Sistema de navegação por abas
- Copiar para clipboard com feedback visual
- Compartilhamento nativo (quando disponível)
- Animações ao scroll (Intersection Observer)
- Menu mobile responsivo
- Sistema de busca dinâmico
- Toast notifications para feedback
- Design personalizado com navegação útil
- Links rápidos para páginas principais
- Busca integrada para encontrar caracteres
- Manutenção da identidade visual do site
- WhatsApp Channel: https://whatsapp.com/channel/0029VbByq5459PwQ2uEGbn0B
- Threads Post: https://www.threads.com/@erikraft.yt/post/DVwc_IYkSmw?xmt=AQF0SDeGgkODWgdir2VIiZhUeUDvpeQVQZTRDfboHhRoOg
-
Clone o repositório:
git clone https://github.com/erikraft/character/ cd character -
Abra o site:
- Simplesmente abra
index.htmlem seu navegador - Ou use um servidor local para melhor desenvolvimento
- Simplesmente abra
-
Navegue pelo site:
- Explore os caracteres na página inicial
- Use a barra de busca para encontrar caracteres específicos
- Acesse o sistema completo de exploração em
character/explore.html - Utilize a página de pesquisa dedicada em
search/index.html - Clique em qualquer caractere para ver detalhes completos
- Navegue pela lista completa de caracteres
- Use os botões para copiar e compartilhar caracteres
- Acesse os links sociais para mais conteúdo
- Nome e número Unicode
- Plano e bloco Unicode
- Versão Unicode
- Categoria e script
- Propriedades bidirecionais
- Mapeamento de caixa
- Propriedades de grafema
- UTF-8, UTF-16BE, UTF-16LE
- UTF-32BE, UTF-32LE
- Formatos hex, decimal e binário
- HTML entities
- CSS escape sequences
- JavaScript/JSON Unicode
- Linguagens de programação (C, Java, PHP, etc.)
- URL encoding
- Desenvolvedores: Referência rápida para caracteres especiais
- Designers: Inspiração para tipografia criativa
- Content Creators: Caracteres únicos para redes sociais
- Pesquisadores: Estudo de comportamento de renderização
- Curiosos: Exploração do ecossistema Unicode
- Crie um novo arquivo HTML em
character/seguindo o padrão existente - Use os arquivos existentes como template (ex:
U+007C.html) - Adicione o caractere ao sistema de exploração em
character/explore.html - Inclua propriedades, codificação e códigos detalhados
- Edite
styles.csspara alterações globais - Variáveis CSS definidas em
:rootpara temas - Classes responsivas para mobile
- Estilos específicos podem ser definidos nas páginas individuais
- Edite
script.jspara funcionalidades globais - Adicione JavaScript específico nas páginas individuais quando necessário
- Funções modulares e bem documentadas
- Event listeners para interações
- Páginas Individuais: Cada caractere tem seu próprio arquivo HTML
- Sistema de Exploração:
character/explore.htmlgerencia todos os caracteres - Sistema de Busca:
search/index.htmlpara pesquisas avançadas - Estilos Globais:
styles.cssmantém consistência visual - Scripts Compartilhados:
script.jspara funcionalidades reutilizáveis
- Navegadores Modernos: Chrome, Firefox, Safari, Edge
- Dispositivos Móveis: iOS Safari, Chrome Mobile
- Resoluções: 320px a 4K+
- Recursos: Clipboard API, Intersection Observer, Share API
- Performance: Lazy loading de imagens, animações otimizadas com CSS transforms
- Acessibilidade: HTML semântico, navegação por teclado, ARIA labels
- SEO: Meta tags otimizadas, estrutura adequada, URLs amigáveis
- UX: Feedback visual com toast notifications, loading states, micro-interações
- Mobile: Touch-friendly, viewport otimizado, performance em dispositivos móveis
- Cache: Estratégias de cache para melhorar carregamento
- Progressive Enhancement: Funcionalidade básica garantida sem JavaScript
- Total de Caracteres: 50+ caracteres especiais
- Categorias: 5 categorias principais (Espaços, Símbolos, Astros, Especiais, Personalizados)
- Páginas Individuais: 50+ páginas dedicadas
- Sistemas de Busca: 2 interfaces de busca diferentes
- Tecnologias: HTML5, CSS3, JavaScript ES6+
- Compatibilidade: 95%+ dos navegadores modernos
- Performance: Score >90 em PageSpeed Insights
- Sistema de favoritos para salvar caracteres
- Exportação em diferentes formatos (JSON, CSV)
- API REST para acesso programático
- Modo escuro/claro automático
- Animações avançadas para caracteres especiais
- Integração com APIs Unicode externas
- Sistema de tags e categorias avançado
- Histórico de caracteres copiados
- Persistência: Salva favoritos no localStorage do navegador
- Interface: Botões de favoritar em cada caractere
- Seção dedicada: Área especial para visualizar favoritos
- Feedback visual: Ícones e textos que mudam dinamicamente
- Áudio: Som de confirmação ao favoritar
- Detecção automática: Baseado nas preferências do sistema
- Toggle manual: Botão para alternar entre temas
- Persistência: Salva preferência do usuário
- Adaptação completa: Todos os elementos funcionam em ambos os temas
- Transições suaves: Animações entre mudanças de tema
- Registro automático: Toda cópia é registrada
- Limite inteligente: Mantém até 50 itens mais recentes
- Timestamp: Mostra quando cada caractere foi copiado
- Gestão completa: Opção de limpar todo o histórico
- Integração: Funciona com favoritos e compartilhamento
- 10 Categorias: Espaços, Símbolos, Matemáticos, Setas, Faces, Formas, Especiais, Invisíveis, Astros, Personalizados
- 10 Tags: Popular, Unicode, Social, Oculto, Raro, Útil, Divertido, Profissional, Artístico, Técnico
- Filtros combinados: Categoria + tags simultaneamente
- Busca avançada: Por nome, código OU tags
- Interface visual: Cores e ícones para cada categoria/tag com tags visíveis
- Feedback em tempo real: Contagem de resultados e sumário de filtros ativos
Contribuições são bem-vindas! Por favor:
- Faça fork do projeto
- Crie uma branch para sua feature (
git checkout -b feature/novo-caractere) - Faça commit das mudanças (
git commit -m 'Adiciona novo caractere especial') - Push para a branch (
git push origin feature/novo-caractere) - Abra um pull request
- Siga o padrão de código existente
- Teste em múltiplos navegadores
- Documente novas funcionalidades
- Mantenha a consistência visual
- Adicione testes quando aplicável
- WhatsApp Channel: https://whatsapp.com/channel/0029VbByq5459PwQ2uEGbn0B
- Threads: https://www.threads.com/@erikraft.yt/post/DVwc_IYkSmw?xmt=AQF0SDeGgkODWgdir2VIiZhUeUDvpeQVQZTRDfboHhRoOg
- GitHub: https://github.com/erikraft/character
Character Hub - Explorando o fascinante mundo dos caracteres Unicode especiais! 🌟
