brcodesnippets
@brcodesnippets.bsky.social
brcodesnippets - CodeSnnipets #html #javascript #css
O Bluesky agora tem mais de 10 milhões de usuários, e eu tinha #9.329.259!
September 23, 2024 at 10:41 AM
O Bluesky agora tem mais de 10 milhões de usuários, e eu tinha #9.329.259!
Reposted by brcodesnippets
Nova impressão utilizando o meu algoritimo de Trending Topics para o Bluesky, dessa vez busquei por hashtags e essas são as 10 mais comentadas nesse momento:
1. #sdv
2. #descontos
3. #promos
4. #art
5. #freepalestine
6. #twitter
7. #promocao
8. #liberdadeparadeolane
9. #digitalart
10. #familia
1. #sdv
2. #descontos
3. #promos
4. #art
5. #freepalestine
6. #twitter
7. #promocao
8. #liberdadeparadeolane
9. #digitalart
10. #familia
September 6, 2024 at 1:31 AM
Nova impressão utilizando o meu algoritimo de Trending Topics para o Bluesky, dessa vez busquei por hashtags e essas são as 10 mais comentadas nesse momento:
1. #sdv
2. #descontos
3. #promos
4. #art
5. #freepalestine
6. #twitter
7. #promocao
8. #liberdadeparadeolane
9. #digitalart
10. #familia
1. #sdv
2. #descontos
3. #promos
4. #art
5. #freepalestine
6. #twitter
7. #promocao
8. #liberdadeparadeolane
9. #digitalart
10. #familia
Reposted by brcodesnippets
Para quem está começando a estudar algo difícil é muito importante tentar construir o conhecimento com calma. Pois às vezes o ambiente fica ruim ou algo pessoal acontece e isso atrapalha um pouco mas faz parte da vida. Sabendo disso, as demais coisas vc tenta aprender, não precisa saber tudo
e pra quem não começou estudar programação, mas tá querendo, tem alguma dica de primeiros passos? 👀
September 3, 2024 at 7:50 PM
Para quem está começando a estudar algo difícil é muito importante tentar construir o conhecimento com calma. Pois às vezes o ambiente fica ruim ou algo pessoal acontece e isso atrapalha um pouco mas faz parte da vida. Sabendo disso, as demais coisas vc tenta aprender, não precisa saber tudo
Reposted by brcodesnippets
Bootstrap Tutorial Grid system Some #developers even think that Grid is the most important reason to use Bootstrap.
Improve Your #coding skills with this #free #Tutorial👇 www.youtube.com/watch?v=DZKf...
#CSS #html #webdev #javascript #Tips #beginners #Bootstrap #webdeveloper #UIUX
Improve Your #coding skills with this #free #Tutorial👇 www.youtube.com/watch?v=DZKf...
#CSS #html #webdev #javascript #Tips #beginners #Bootstrap #webdeveloper #UIUX
Bootstrap 5 Grid System Tutorial
Bootstrap grid is a powerful system for building mobile-first layouts. It's a very extensive tool with a great number of options. Follow me for more: https://twitter.com/dawidadach Learn more about the newest Bootstrap 5 grid system in our tutorial: https://mdbootstrap.com/docs/standard/layout/grid/ Download Bootstrap: https://mdbootstrap.com/docs/standard/bootstrap-5/ =============================== 🎁 Join our mailing list & receive exclusive resources for developers https://mdbootstrap.com/newsletter/ ⭐ Support the creation of open-source packages with a STAR on GitHub https://github.com/mdbootstrap/mdb-ui-kit 👨👩👧👦 If you have any questions - don't hesitate to ask on our Facebook group: https://www.facebook.com/groups/682245759188413 🎓 Learn responsive web design with the latest Bootstrap 5 https://www.youtube.com/watch?v=c9B4TPnak1A 📥 Download Material Design for Bootstrap - FREE open-source UI KIT https://mdbootstrap.com/docs/standard/ #bootstrap5#tutorial#grid#programming 0:00 Intro 0:48 Installation 4:08 Bootstrap Grid Explained 5:40 Breakpoints 6:30 Bootstrap grid examples 10:10 Changes in Bootstrap 5 10:30 Tutorial 10:55 Containers 13:49 Columns 14:14 Gutters
www.youtube.com
May 21, 2024 at 4:00 PM
Bootstrap Tutorial Grid system Some #developers even think that Grid is the most important reason to use Bootstrap.
Improve Your #coding skills with this #free #Tutorial👇 www.youtube.com/watch?v=DZKf...
#CSS #html #webdev #javascript #Tips #beginners #Bootstrap #webdeveloper #UIUX
Improve Your #coding skills with this #free #Tutorial👇 www.youtube.com/watch?v=DZKf...
#CSS #html #webdev #javascript #Tips #beginners #Bootstrap #webdeveloper #UIUX
Reposted by brcodesnippets
A cool thing I made on #CodePen: interactive demo illustrating how to use #SVG `feColorMatrix` to swap 2 channels of its input.
codepen.io/thebabydino/...
Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.
Made with ❤️.
codepen.io/thebabydino/...
Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.
Made with ❤️.
feColorMatrix: swap channels ☆ interactive demo, adaptive layout
Interactive demo to illustrate swapping two RGB channels via the SVG `feColorMatrix`. The idea is simple: if a pixel in the image is `rgb(35, 79, 185)...
codepen.io
April 9, 2024 at 6:30 PM
A cool thing I made on #CodePen: interactive demo illustrating how to use #SVG `feColorMatrix` to swap 2 channels of its input.
codepen.io/thebabydino/...
Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.
Made with ❤️.
codepen.io/thebabydino/...
Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.
Made with ❤️.
Reposted by brcodesnippets
July 17, 2024 at 7:32 PM
Reposted by brcodesnippets
#tinyCSStip As I just saw this in a '24 tutorial to make an absolutely positioned pseudo extend `8px` outside its parent in all directions.
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
August 24, 2024 at 9:35 PM
#tinyCSStip As I just saw this in a '24 tutorial to make an absolutely positioned pseudo extend `8px` outside its parent in all directions.
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
❌ DON'T 🙀
width: 100%; height: 100%;
left: 50%; top: 50%;
translate: -50% -50%;
padding: 8px
✅ DO 😼 (1 declaration, not 6)
inset: -8px
#CSS
