Classwork
1. What are 5 Basic UI Elements?
-
Buttons - Buttons are UI elements that allow users to interact with a website or application. They are often used to submit forms, trigger actions, or navigate to different pages.
-
Text Fields - Text fields are UI elements that allow users to input text or data. They are commonly used for forms, search bars, and login fields.
-
Dropdown Menus - Dropdown menus are UI elements that allow users to select from a list of options. They are often used in navigation menus, forms, and settings pages.
-
Checkboxes - Checkboxes are UI elements that allow users to select one or more options from a list. They are commonly used in forms and settings pages.
-
Icons - Icons are graphical representations of actions, objects, or concepts.
2. In your own words, explain what SASS does
- Sass allows you to write more efficient and maintainable CSS code by providing a set of advanced features.
3. Benefits to Sass
-
Faster and more efficient CSS coding - Sass provides advanced features such as variables, nesting, mixins, and functions, which can significantly reduce the amount of code you need to write, and make your code more modular, reusable, and maintainable.
-
Easier maintenance and updates - With Sass, you can split your stylesheets into smaller and more manageable modules, making it easier to update and maintain your codebase, and reducing the risk of introducing errors or conflicts.
4. Describe/Explain one of the more “advanced” SASS properties below in detail
- One of the more advanced Sass properties is the @each directive, which allows you to loop through a list or a map of values and generate CSS code dynamically. This can significantly reduce the amount of code you need to write, and make your code more modular, scalable, and maintainable.
5. How does the Game Number Guesser work?
- Javascript gets a random number, and each guess compares your guess to the number, until you get the number correct.
6. Explain How Sass can be used to make game more appealing?
- Using Sass can add different themes, colors, and even animations to make the gusser game more appealing.
Hacks
p1.
- I added a different Icon at the top
p2.
https://eligilmour.github.io/Eli-1/_pages/ThemeChanger.html
p3.
https://eligilmour.github.io/Eli-1/_pages/Numbergusser.html