MilenaCarecho / 30diasdecss
Licence: mit
Desafio criar 30 mini projetos utilizando HTML e CSS em 30 dias
Stars: ✭ 1,203
Projects that are alternatives of or similar to 30diasdecss
Lofi Player
🎧 A Lofi Player built with HTML, CSS and Javascript using Parcel as Module Bundler https://lakscastro.github.io/lofi-player
Stars: ✭ 38 (-96.84%)
Mutual labels: html5, css3
H5ui
Lightweight, elegant open source mobile UI style library.
Stars: ✭ 44 (-96.34%)
Mutual labels: html5, css3
Awesome Web Components
🤖 Awesome web components and snippets for every Front-End Developer
Stars: ✭ 28 (-97.67%)
Mutual labels: html5, css3
Sharebook Frontend
Projeto frontend de código livre para o app Sharebook.
Stars: ✭ 59 (-95.1%)
Mutual labels: html5, css3
Grav Theme Landio
Land.io is a carefully crafted landing page UI kit and landing page template built on Bootstrap 4, designed by Peter Finlan and developed by Taty Grassini.
Stars: ✭ 28 (-97.67%)
Mutual labels: html5, css3
Frontend Mentor Challenge
Here you will find all the challenges that we took from frontend-mentor.
Stars: ✭ 47 (-96.09%)
Mutual labels: html5, css3
Masterportfolio
🔥 The Complete Customizable Software Developer Portfolio Template which lets you showcase your work and provides each and every detail about you as Software Developer.
Stars: ✭ 913 (-24.11%)
Mutual labels: html5, css3
E Commerce 2 django
Guest register, user register, user login, user logout, account home page, product view history, change password, reset password, change name, send activation email when register, resend activation email, add shipping address, add billing address, add nickname to the addresses, edit shipping address, edit billing address, view list of your addresses, reuse shipping addresses when order products, reuse billing addresses when ordeer products, show sales analytics if staff or admin only using -chart.js-, get analytics data with Ajax, receive marketing email, change if user will receive marketing email or not by admin, send contact message with Ajax, products list, product detail, download product detail as a PDF file, download digital product files -if the user purchased that digital product only-, orders list, list of digital products files, order detail, download order detail as a PDF file, verify order ownership with Ajax -to secure order detail page-, show cart products, add or remove product from cart, checkout page, thanks page when order placed successfully, add or reuse payment method, add or reuse payment method with Ajax, search products by title, search products by description, search products by price, search products by tag title, write tags for products -by admin only-, auto fill contact email, full name if user logged in.
Stars: ✭ 20 (-98.34%)
Mutual labels: html5, css3
Spring Mvc Thymeleaf Crud
Spring MVC CRUD Application with Thymeleaf, HTML5, CSS3 and Bootstrap
Stars: ✭ 14 (-98.84%)
Mutual labels: html5, css3
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (-28.43%)
Mutual labels: html5, css3
Repo Made For Frontend Devs Mohitverma
#Repo i made for people and newcomers ,strugging on web to learn new skills and be updated regarding Frontend development
Stars: ✭ 12 (-99%)
Mutual labels: html5, css3
Nodejs Socketio Chat App
MEAN Stack & Socket.IO Real-time Chat App | A MEAN stack based Real Time chat application
Stars: ✭ 45 (-96.26%)
Mutual labels: html5, css3
Web Code Standards
通过分析 Github 众多前端代码库，总结出来的前端代码书写规范。
Stars: ✭ 61 (-94.93%)
Mutual labels: html5, css3
🚀 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
- Dia 01 - Ícone de mídia social em camadas
- Dia 02 - Loader animado
- Dia 03 - Mudança de cor de texto quando entra em outra div
- Dia 04 - Botão com efeito
- Dia 05 - Efeito pulsar
- Dia 06 - Efeito lightning text
- Dia 07 - Preloader animado
- Dia 08 - Coração batendo
- Dia 09 - Pendulo de Newton
- Dia 10 - Animação texto alternando
- Dia 11 - Botão com efeito hover
- Dia 12 - Efeito de preenchimento ao passar o mouse
- Dia 13 - Loading com efeito
- Dia 14 - Fundo de texto animado
- Dia 15 - Texto flutuante
- Dia 16 - Botão com efeito
- Dia 17 - Loader animado
- Dia 18 - Texto esfumaçado
- Dia 19 - Efeitos de animação de fundo de partículas
- Dia 20 - Botão com efeito
- Dia 21 - Esferas quicando
- Dia 22 - Icones com efeito
- Dia 23 - Botão com efeito hover
- Dia 24 - Preloader animado
- Dia 25 - Checkbox animado
- Dia 26 - Loading com efeito
- Dia 27 - Efeito pulsar
- Dia 28 - Cor do background mudando
- Dia 29 - Menu responsivo com Media Queries
- Dia 30 - Fogos de artificio
Desafio dia 01 - Ícone de mídia social em camadas
Tutorial Medium Ainda não disponivel
O que eu aprendi
- Criar as camadas utilizando a tag
<span> - tranformação 2D ou 3D de um elemento aqui
- Transições CSS
- Opacidade / transparência do CSS
- hover
- nth-child ()
Desafio dia 02 - Loader animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 03 - Mudança de cor de texto quando entra em outra div
Tutorial Medium Ainda não disponivel
Dicas
Desafio dia 04 - Botão com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 05 - Efeito pulsar
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 06 - Efeito lightning text
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 07 - Preloader animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 08 - Coração batendo
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 09 - Pendulo de Newton
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 10 - Animação texto alternando
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 11 - Botão com efeito hover
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 12 - Efeito de preenchimento ao passar o mouse
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 13 - Loading com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 14 - Fundo de texto animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 15 - Texto flutuante
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 16 - Botão com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 17 - Loader animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 18 - Texto esfumaçado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 19 - Efeitos de animação fundo de partículas
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 20 - Botão com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 21 - Esferas quicando
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 22 - Icones com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 23 - Botão com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 24 - Preloader animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 25 - checkbox animado
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 26 - Loading com efeito
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 27 - Efeito pulsar
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 28 - cor do background mudando
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 29 - Menu responsivo com Media Queries
Tutorial Medium Ainda não disponivel
O que eu aprendi
Desafio dia 30 - Fogos de artificio
Tutorial Medium Ainda não disponivel
O que eu aprendi
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].