- HTML
- CSS
- JS
After many years of investing in myself as an event organizer and DJ/Producer I always had a special connection to the digital world, I started to do some simple front-end work to better understand how everything works, when I discovered my passion for web development.
I’m currently learning...
HTML, CSS, Javascript, VueJs;
Latest Solutions
Responsive Interactive with Html - CSS & Tailwind + JS
- HTML
- CSS
- JS
0Miguel Silva410SubmittedThis is an interactive pricing component that changes the values with range input + monthly or yearly.
Was made with HTML5 + TAILWIND POSTCSS + JAVASCRIPT
- I learned how to manipulate data with a range value and change all the values from the range with a click.
- How to install and setup Tailwind PostCss
Tips or advice on how to improve are very welcome, thank you all!
Regards, Miguel Silva
Calculator with JS
- HTML
- CSS
- JS
0Miguel Silva410Submitted- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Desktop-first workflow
Tips or advice on how to improve are very welcome, thank you all!
Vue JS + TailwindCSS with PostCSS
- HTML
- CSS
- JS
0Miguel Silva410SubmittedWhat I learned:
- How to manipulate data from JSON.
- How to install and setup Tailwind PostCss
- How to install and setup VueJs
Tips or advice on how to improve are very welcome, thank you all!
Interactive Card Component - HTML - CSS - JAVASCRIPT
- HTML
- CSS
- JS
3Miguel Silva410SubmittedHi Frontend community, the hardest part was to save the value from the buttons on the input. Was a very fun project to do, and I have learned a lot about JS with it.
Please take a look at the functionality, tips to improve are very welcome.
regards, Miguel Silva
Responsive Landing page with HTML, CSS, Javascript
- HTML
- CSS
- JS
5Miguel Silva410SubmittedResponsive Landing page with HTML, CSS, Javascript.
Any tip on how to change the color from the SVG img on hover?
What I learned:
- CSS background Size control;
- CSS grids control;
- Javascript Toggle;
- CSS Filters;
Tips and feedback to my code are very appreciated.
Preview: https://front-end-mentor-sunnyside-agency-git-master-migsilva89.vercel.app/
Thank you all.
Miguel Silva
Latest Comments
- 1
- HTML
- CSS
Desafio responsivo realizado com HTML e CSS
2Miguel Silva410 | Posted about 2 months agocommented on Sarah Sá's "3-column preview card component" solutionBom trabalho com este challenge.
Contudo a font parece nao e a mesma e o container fica muito esticado em ecras grandes.
Aconselho a usar um max-width to main cointainer, e como disse o Rodrigo poderia ser um pouco maior.
De resto muito bom, parabens.
Se o comentario ajudou de alguma forma, marque como useful pf :)
Bom codigo! Miguel
0- HTML
- CSS
- JS
Rating component using HTML/CSS/JavaScript
4Miguel Silva410 | Posted about 2 months agocommented on Ophélie Coudert's "Interactive rating component" solutionNice job on this challenge. You have some HTML issues,
All page content should be contained by landmarks: https://dequeuniversity.com/rules/axe/4.3/region?application=axeAPI.
About your question, I believe the best solution is to use an input radio instead of a button. With the input radio, every time you select one the other is unselected.
Also, see that orange is the color on HOVER and dark gray is the color when you select it. This is a rating component so we should be able to select only one number.
Hope it helps, if so please mark it as helpful.
Happy code! regards,
Miguel Silva
0- HTML
- CSS
QR code component using CSS and HTML
1- HTML
- CSS
- JS
Article Preview
2Miguel Silva410 | Posted about 2 months agocommented on Joaotbb's "Article preview component" solutionHi Joao, I see an HTML accessibility error "Images must have the alternate text".
More info :https://dequeuniversity.com/rules/axe/4.3/image-alt?application=axeAPI.
regards Miguel Silva
0