https://github.com/bekcodingaddict/front-end_tricks
Front-end tricks" refers to creative and clever techniques used in web development to enhance the visual appearance, interactivity, and user experience of a website
https://github.com/bekcodingaddict/front-end_tricks
Last synced: 4 months ago
JSON representation
Front-end tricks" refers to creative and clever techniques used in web development to enhance the visual appearance, interactivity, and user experience of a website
- Host: GitHub
- URL: https://github.com/bekcodingaddict/front-end_tricks
- Owner: BekCodingAddict
- Created: 2023-03-27T07:00:08.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-11T10:22:39.000Z (over 2 years ago)
- Last Synced: 2025-01-02T23:34:27.455Z (about 1 year ago)
- Language: HTML
- Homepage:
- Size: 3.73 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Front-End Trick
There are many front-end tricks that can help you improve your website’s performance and user experience. Here are some of them:
| NAME | DISCRIPTION |
|:--------------:|:----------:|
|Sample of Basic Responsive Homepage| This is just responsive page sample which was i build at the frist time|
|CSS Button Shake Effect| CSS SHake Animation Sample |
|Gradient Button Effect| A stylish button with a smooth gradient shadow hover effect.|
|Text Hover Effect|A CSS hover effect takes place when a user hovers over an element, and the element responds with transition effects. It is used to mark the key items on the web page and it’s an effective way to enhance the user experience.|
|Responsive Card| Responsive Card Desiging basic Samples!|
|Navbar Hover Effect|Navbar hover effect designing and example|
Image Zoom Effect|Image hover zoom effect is a visual effect that occurs when a user hovers their mouse pointer over an image and the image enlarges or zooms in to provide a closer view.|
|Simple SignUp Form|A sign-up form in web development is a type of form used to collect information from users who want to create an account on a website or web application.|
|Responsive Hamburger Menu and Navbar|A responsive hamburger menu is a type of user interface design pattern used on websites and mobile applications|
|Card Hover Interactions|Card hover interactions refer to interactive behaviors or effects that occur when a user hovers their cursor over a card-like element on a website or application interface.|
All of the above in the list might not be the most practical but some of them are definitely not used enough in frontend development and can really help you expand your frontend skills. I’m sure there are a lot more tricks!
Hope you’ve enjoyed reading!