UI & UX - Web - Part 2
Last modified on Wed 19 Jan 2022
The alternative to good design is always bad design. There is no such thing as no design.
Tables
| Element name | Definiton / Picture / GIF |
|---|---|
| Comparison Table | ![]() |
Miscellaneous
| Element name | Definiton / Picture / GIF |
|---|---|
| Favicon | |
| CTA button | Call to action button is the part of the landing page that the user needs to click in order to take the action you want them to take. |
| Loader | ![]() |
| Modal Boxes | A modal is a dialog box/popup window that is displayed on top of the current page |
| Overlay Effect | ![]() |
| Parallax | Parallax scrolling is a web site trend where the background content (i.e. an image) is moved at a different speed than the foreground content while scrolling. |
| Popups | On click |
| Progress Bars | ![]() |
| Range Sliders | ![]() |
| Scroll Indicator | ![]() |
| Section Counter | A section counter is used to tell people how well their business is going, by displaying interesting numbers |
| Smooth Scroll | ![]() |
| Snackbar or Toast | ![]() |
| Star Rating | ![]() |
| Tooltips | On hover |
| Fullscreen Search | ![]() |
| Toggle Switch | ![]() |

Call to action button is the part of the landing page that the user needs to click in order to take the action you want them to take.
A modal is a dialog box/popup window that is displayed on top of the current page
On click


A section counter is used to tell people how well their business is going, by displaying interesting numbers


On hover
