https://github.com/recheeduardo/boxshadow-generator
An optimized way to set a box shadow, with live preview and custom settings. Check it out! 📦😎
https://github.com/recheeduardo/boxshadow-generator
Last synced: about 1 month ago
JSON representation
An optimized way to set a box shadow, with live preview and custom settings. Check it out! 📦😎
- Host: GitHub
- URL: https://github.com/recheeduardo/boxshadow-generator
- Owner: RecheEduardo
- Created: 2024-07-09T22:00:17.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-09T22:03:24.000Z (11 months ago)
- Last Synced: 2024-07-10T02:23:13.749Z (11 months ago)
- Language: JavaScript
- Homepage: https://recheeduardo.github.io/boxshadow-generator/
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
📦 Gerador de efeito de sombra | Box-Shadow generator ❤
Uma forma otimizada de criar estilos automáticos de CSS em tempo real!
An optmized way to create real-time dynamic styles in CSS, check it out! 🔒💡
# Funcionalidades:
A ideia do site se baseia em uma ferramenta prática para desenvolvedores poderem criar estilizações de sombras nos seus futuros códigos, utilizando-se da propriedade "box-shadow" do CSS, é possível realizar diversas formas diferentes de sombras, com cores, posições e propriedades distintas.
Dentro das funcionalidades, vale destacar as funções de mudança dinâmica do código que o programa resulta, sempre de acordo com o exemplo visto pelo usuário durante o uso do site, facilitando o mesmo para ajustar as propriedades com base na sua preferência.
# O que busquei aprimorar nesse projeto:
* Manipulação de métodos do tipo String.
* Estilização e reescrita dinâmica do código com base nas escolhas do usuário.
* Utilização de recursos do próprio navegador para acessibilidade do projeto, como a área de transferência onde sua estilização ficará armazenada.
* Aprofundar meu conhecimento sobre os diversos tipos de entradas de dados do usuário no HTML, desde um simples texto até uma seleção de cor ou valor dinâmico.
## Página do Projeto
## Considerações
O site foi confeccionado obtendo como inspiração o projeto da formação Front-End do Matheus Battisti - Hora de codar, que desde já agradeço pelo conhecimento responsável por tornar esse projeto possível! 💪
## Tecnologias Utilizadas:
Vanilla JS
GoogleFonts API
##
É isso! caso tenha gostado do projeto, não esqueça de me seguir aqui no meu perfil para conferir os proximos projetos 👊❤