Latest comments
- @Dadv-a11ySubmitted 18 days ago
- P@welpmozSubmitted 13 days agoWhat are you most proud of, and what would you do differently next time?
Assimilating CUBE CSS is more complex than BEM, but I think that CUBE is more reusable and could be more efficient.
- @zeeguSubmitted 24 days agoWhat are you most proud of, and what would you do differently next time?
❤Things I've tried
Accessibility
- Used
aria-controls
,aria-expanded
for Accessibility - Added proper alt text on image button ex.
Expand answer
/Collapse answer
- Tested WCAG evaluation tool on WAVE
- Checked HTML Markup on Validator
Others
- Scored 99% on Google PageSpeed Insights
- Responsive for Mobile, Desktop devices
- Tried smooth transition on buttons
💪Things I should improve
Javascript
- At first, clicking the button to open FAQ, it unfolds well depending on the content. However, resizing the screen display cuts the text area of the answer. I have no idea how to solve this😂
Please let me know if there are any areas of improvement! Thanks :D
- Used
- @JunbolSubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
- creating all the logic in Javascript to do the seletion of the buttons dynamically using the forEach method.
- Using javascript to add the logic to make the modal panel show up
What challenges did you encounter, and how did you overcome them?// Show the modal on submit button click mySubmitBtn.addEventListener('click', (e) => { e.preventDefault(); // Prevent form submission // 🚩Ensure a rating has been selected before proceeding if (selectedRating) { // Update the modal content with the selected rating myRatingSelection.innerHTML = `You selected ${selectedRating} out of 5`; // this // Hide the rating panel and show the modal myRatingPanel.style.display = 'none'; myModal.style.display = 'flex'; } else { // 🚩don't forget to add an alert if the user didn't select a rating alert('Please select a rating before submitting.'); } });
same as above
What specific areas of your project would you like help with?none
- P@AchigyusSubmitted 15 days ago
- P@NatentadoSubmitted 22 days ago