• Stars
    star
    2,896
  • Rank 15,671 (Top 0.4 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 4 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Desafio criar 30 mini projetos utilizando HTML e CSS em 30 dias

🚀 30diasDeCSS 🚀

Fala Devs, beleza? 🖖

30 dias de CSS3, é um desafio que visa ajudá-lo a melhorar suas habilidades de codificação fazendo mini projetos diarios utilizando HTML5 e CSS3

Objetivo

30 dias de CSS3 é um desafio que vou aceitar (e você também pode participar) a partir de 20 de Julho de 2020, que visa melhorar minhas habilidades em HTML5 e CSS3 através da realização de projetos

Se você chegou agora e quer começar o desafio, fique a vontade, o desafio não tem data de inicio fixa, cada um faz os seus 30 dias, eu ficarei honrada com sua participação 😉

Regras gerais

  • Realizar um projeto por dia
  • Compartilhe seu progresso nas mídias sociais (Twitter, Facebook, Linkedin etc.) usando a hashtag #30diasDeCSS
  • O projeto deve ser concluído até 23:59

Regras pra mim

Eu criei algumas regras para mim que não quero impor a ninguém, mas fique à vontade para fazer o mesmo, se quiser!

  • Se eu não concluir o projeto do dia, as 5 primeiras pessoas a apontar no Twitter @MilenaCarecho receberão R$5 via PicPay (total de R$25). Adicionando um pouco de motivação para mim! 😉 (Antes de solicitar qualquer coisa, verifique primeiro a hora no meu fuso horário - para mim, o fuso horário é Brasília - DF (GMT-3)) 💸
  • Vou criar um artigo tutorial no medium para todos os projetos

Gostou da ideia? Clique aqui para participar

Youtube Referencias dos desafios

Online Tutorials - Creative Creations - DarkCode

Desafio dia 01 - Ícone de mídia social em camadas

Dia 01

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 02 - Loader animado

Dia 02

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 03 - Mudança de cor de texto quando entra em outra div

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

Dicas

Desafio dia 04 - Botão com efeito

dia 04

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 05 - Efeito pulsar

dia 05

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 06 - Efeito lightning text

dia 06

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 07 - Preloader animado

dia 07

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 08 - Coração batendo

gif

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 09 - Pendulo de Newton

gif (1)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 10 - Animação texto alternando

gif (2)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 11 - Botão com efeito hover

gif (3)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 12 - Efeito de preenchimento ao passar o mouse

gif (4)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 13 - Loading com efeito

gif (3)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 14 - Fundo de texto animado

gif (4)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 15 - Texto flutuante

gif (5)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 16 - Botão com efeito

gif (6)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 17 - Loader animado

gif (7)

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 18 - Texto esfumaçado

gif (9)

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 19 - Efeitos de animação fundo de partículas

gif (10)

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 20 - Botão com efeito

gif (13)

Meu código

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 21 - Esferas quicando

gif (14)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 22 - Icones com efeito

gif (15)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 23 - Botão com efeito

gif (17)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 24 - Preloader animado

gif (18)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 25 - checkbox animado

gif (20)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 26 - Loading com efeito

gif (21)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 27 - Efeito pulsar

gif (22)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 28 - cor do background mudando

gif (23)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 29 - Menu responsivo com Media Queries

gif (24)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

Desafio dia 30 - Fogos de artificio

gif (25)

Meu codigo

Tutorial Medium Ainda não disponivel

Post LinkedIn

O que eu aprendi

More Repositories

1

GuiaDesenvolvedoraWeb

Guia de como se tornar uma desenvolvedora front end.
HTML
335
star
2

myBooks

This is my personal reading list of books related to the programming language and personal development
35
star
3

EstruturaDeDados_C

Repositório para compartilhar como estou organizando meus estudos em estrutura de dados, utilizando a linguagem de programação C
C
20
star
4

CursosFeitos

Esse repositório é destinado aos códigos dos cursos que eu ando fazendo 😅
HTML
10
star
5

42SP

Esse repositório é onde compartilharei minha jornada na escola de engenharia de software @42SP. Colocarei aqui os meus projetos em ordem cronológica e explicada 😄
9
star
6

MilenaCarecho

8
star
7

academiaFrontEnd

Exercicios e atividades realizadas na academia front end da Accenture
HTML
7
star
8

EstruturaDeDados_1

Exercicios realizados durante a disciplina de estrutura de dados 01 do curso de Análise e desenvolvimento de sistemas no IFSP Guarulhos
C
6
star
9

ProjetoFinalC-2018

Projeto final da disciplina de Algoritmos e Logica de programação do 1° semestre do curso de Analise e Desenvolvimento de Sistemas do Instituto federal de São Paulo
C
5
star
10

DinoGame

JavaScript
4
star
11

ValidaCpf

formulario simples feito com PHP com validação de CPF
3
star
12

C-

C#
2
star
13

EstruturaDeDados_2

exercicios realizados na materia estrutura de dados 2 do IFSP - Guarulhos
C
2
star
14

AcademiaAccenture

Atividades e exercícios realizados na academia front-end React da Accenture
2
star
15

42basecamp

Listas de exercicios realizadas durante o basecamp da 42 em julho/2021
C
1
star