Melhorar as habilidades de codificação fazendo mini-projetos diários utilizando HTML5 e CSS3 durante 100 dias. Gostou da ideia? Clique aqui para participar
- Realizar um projeto por dia
- Compartilhar nas mídias sociais usando a hashtag #100DaysCSS
- O projeto deve ser concluído até 23:59 de cada dia
- Caso não seja possível fazer o projeto naquele dia, sem grilos! Basta continuar a sequência! O importante é manter constância!
- CSS
- HTML
- Dia 001 - Construção de número customizado e fundo em gradiente;
- Dia 002 - Animação no ícone de Menu;
- Dia 003 - Sombra na Pirâmide;
- Dia 004 - Carregamento de página;
- Dia 005 - Gráfico em CSS;
- Dia 006 - Card para Perfil de Rede Social;
- Dia 007 - Notificações de Rede Social;
- Dia 008 - Metaballs;
- Dia 009 - Previsão do Tempo;
- Dia 010 - Smartwatch com hora do dia;
- Dia 011 - Pé ante pé;
- Dia 012 - Tooltip;
- Dia 013 - Galeria de Usuários de rede social;
- Dia 014 - Card com flip e animação;
- Dia 015 - Upload Fake de arquivos;
- Dia 016 - Pisca-pisca com formas geométricas;
- Dia 017 - Triângulo Penrose;
- Dia 018 - Animação elástica;
- Dia 019 - Slider com input do tipo radio;
- Dia 020 - Animação para envio de email;
- Dia 021 - Animação do Pac-man;
- Dia 022 - Monitor de vida fitness;
- Dia 023 - Texto animado;
- Dia 024 - Botão de envio de arquivos;
- Dia 025 - Marcador de Mapa;
- Dia 026 - Modern Family Motivacional;
- Dia 027 - Lista do Cafezinho;
- Dia 028 - Animação para Alarme;
- Dia 029 - Dicionário On-line;
- Dia 030 - Linha Randômica;
- Dia 031 - Pêndulo;
- Dia 032 - Contador;
| Foto | Nome | GitHub | Likedin | |
|---|---|---|---|---|
 |
Liz Vidotti | Liz Vidotti | [email protected] |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent