Code Monkey home page Code Monkey logo

30diasdecss's Introduction

🚀 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

30diasdecss's People

Contributors

milenacarecho avatar rafaelfaustini avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

30diasdecss's Issues

Desafio aceito :)

Eu e alguns colegas de classe iremos o realizar \o/

github: eduardantunes
ig: maria.eantunes

desafio 30diasDeCSS

Olá! 🛸
queria fazer esse desafio desde 2021 quando comecei a estudar programação e só agora tomei a iniciativa hehehe

esse é meu perfil no github;
e esse no linkedin!

Olá!

Olá, gente! Meu nome é Raquel e espero realizar esse desafio com vocês! 😀 💜

Aceito :D

Aceito o desafio!

Carol Rosatto
Seu perfil no GitHub: carolrosatto
Seu perfil no LinkedIn: Maria Carolina Rosatto

Desafio 30 dias de CSS

Olá Pessoal!
Sou a Kuzola e aceito e fazer o desafio com vocês.
Facebook: Creuma Kuzola
Linkedin : Creuma Matias
Twitter : @C_Kuzola

Desafio dia 3

Bom dia! No desafio número 3, o código disponibilizado não muda a cor da fonte dentro da div vermelha, mesmo o código sendo praticamente o mesmo que o seu... Nem idéia onde está o erro! Se puder ajudar :)

Eu aceito o desafio! 🏆

Essa Issue é pra você que aceitou entrar nesse desafio junto comigo 🥳

Aqui você vai poder encontrar todos que aceitaram o desafio e sentir um pouco do espirito de equipe.
Caso você não tenha alguma das redes sociais abaixo,recomendo a criação para acompanhar o desempenho dos demais e compartilhar o seu 🤝

Comente aqui com:
Seu nome:
Seu perfil no GitHub:
Seu perfil no Twitter:
Seu perfil no LinkedIn:

Seria bem legal seguir os coleguinha nas redes e transformar esse desafio em algo divertido e empolgante 👯

* Duvida anonima *

pra quem não tem conhecimento, eu não estou achando o tutorial no medium. Achei que iria aprender como fazer e fazer algo similar... o que devo fazer?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.