👦🏻DevDario Projects
A NON-STOP além de ser uma plataforma de e-learning que,reúne programadores/as e desenvolvedores/as numa comunidade saudável, segura, open source e livre, a NON-STOP também um dos projetos que fazem parte do meu portfólio digital.
É um projeto fictício, que também, como muitos dos meus projetos começou pela etapa do design, lo Lunacy, onde projetei toda uma estratégia que identificava realmente "quem é a NON-STOP".
Cada detalhe, desde ao tipo de fonte, até a escolha das cores foi muito bem elaborado, e pensado, de maneira a construir um projeto não só lindo de se ver, mas também agradável de se experimentar e, colaborar.
Pensei em fazer o projeto todo com SASS, ao invés de CSS, mas devido à falta da extensão "Watch SASS" no meu vscode, decidi fazer com CSS mesmo, assim já aproveito e entendo o processo que o próprio SASS realiza para organizar as classes e outros elementos.
Você poderá notar a existência do SASS na página de login, por que, ela foi um projeto isolado, que faz parte do meu repositório de Formulários HTML(Ver repositório)
| "LINGUAGEM" | FUNÇÃO |
|---|---|
| HTML5 | Estruturação da página |
| CSS3 | Estilização da estrutura |
| JAVASCRIPT | Manipulação do DOM |
| SASS | Estilização da página de login |
Aqui está a lista de todos os recursos que usei durante o projeto, e onde eu os achei, caso você queira usá-los em seus projetos também ✌
| Recurso | Fonte |
|---|---|
| Fotos dos professores | icons8s.com |
| Ícones | icons8s.com |
| Ilustrações | icons8s.com |
| Fonte Raleway | fontsquirrel.com |
Recomendo fortemente que você faça o download do software de ícones da icon8s, que é o PICHON, esse software é muitíssimo completo, exsitem nele, ícones de qualquer coisa, você pode escolher quaisquer formatos, como SVG, PNG, ICO, e outros para exportar os ícones. Eu já uso ele a 2 anos, e dou 🖐🏻 estrelas.
Você quer ver o design que originou essa obra prima ? 🤩
- Dribbble projeto non-stop
- Behance projeto non-stop
- Instagram projeto non-stop
