https://github.com/jamesta696/foodpicker

An HTML5, SCSS/CSS3 & JavaScript mini demo asking an user to choose their favorite food. This is done with custom HTML input radios, while also applying BEMIT (ITCSS) naming conventions, Web Accessibility best practices (ARIA attributes, tabIndexes).
https://github.com/jamesta696/foodpicker

aria bem-methodology bemit css3 es6-javascript html5 itcss javascript oop-javascript scss w3c-specification wcag2 web-accessibility

Last synced: 15 days ago
JSON representation

An HTML5, SCSS/CSS3 & JavaScript mini demo asking an user to choose their favorite food. This is done with custom HTML input radios, while also applying BEMIT (ITCSS) naming conventions, Web Accessibility best practices (ARIA attributes, tabIndexes).

• Host: GitHub
• URL: https://github.com/jamesta696/foodpicker
• Owner: jamesta696
• Created: 2022-10-03T04:01:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-05T18:12:24.000Z (over 2 years ago)
• Last Synced: 2025-03-11T21:36:27.483Z (about 1 month ago)
• Topics: aria, bem-methodology, bemit, css3, es6-javascript, html5, itcss, javascript, oop-javascript, scss, w3c-specification, wcag2, web-accessibility
• Language: SCSS
• Homepage:
• Size: 16.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# FoodPicker

An HTML5, SCSS/CSS3 & JavaScript mini demo asking an user to choose their favorite food. This is done with custom HTML input radios, while also applying BEMIT (ITCSS) naming conventions, Web Accessibility best practices (ARIA attributes, tabIndexes).

![image](https://user-images.githubusercontent.com/14171094/194131889-b50d5f9c-5f8f-40db-86ac-2760948e591f.png)

![image](https://user-images.githubusercontent.com/14171094/193719505-0bfcdc22-b2f3-4778-b904-708ce621f13c.png)

![image](https://user-images.githubusercontent.com/14171094/193719387-7c2d4e9d-887c-4e81-86a8-54bbc81748f7.png)