UI Upgrade: Smooth, Flicker-Free Link Hover Effects

[GitWithS]

What does this PR do?

✅ Improve repo — Enhance UI/UX with smooth, flicker-free hyperlink hover effects

IMPORTANT

✅Read contributing guidelines.
✅This is a brand-new improvement, not a revision of a previous PR.

For resources

Description

This PR introduces a subtle, modern, and accessible hover effect for all hyperlinks across the site. Link hover interactions shift text slightly, causing a flicker that reduces polish and visual consistency. This enhancement adds a smooth color transition and underline effect, improving readability and providing a more professional browsing experience.

Implementation details:

• Added assets/css/custom.css with hover and focus styles for all tags.
• Default link color set to #267CB9 with no underline.
• On hover or focus, links transition to Adding books about Backbone, AngularJS, GIT #69 with an underline for clear visual feedback.
• Ensured smooth, subtle UX without layout shifts or flickering.
• Linked the CSS file in _includes/head.html to override default theme styles consistently across the site.

✅Before & After: Link Hover UX Improvement
Before updating css
After updating css

Why is this valuable (or not)?

• Improves UX: Eliminates flickering and text shift, creating smoother navigation.
• Accessibility-friendly: Provides clear visual feedback on links without overwhelming the user.
• Polished look: Aligns the UI with modern design standards, enhancing overall site credibility.
• Low-risk enhancement: Fully backward-compatible and non-disruptive to existing content.
• Hacktoberfest-friendly: Simple, clean contribution that aligns with repo guidelines.

This improvement benefits all users, including learners browsing books and resources, by making interactions intuitive, smooth, and visually consistent.

How do we know it's really free?

This is a styling and UX improvement, not an external resource. No licensing or cost concerns apply.

For book lists, is it a book? For course lists, is it a course? etc.

Not applicable — this is a UX/UI enhancement affecting all site links.

Checklist:

✅Search for duplicates — No similar UX/hover PR exists.
✅Code changes are limited to assets/css/custom.css and _includes/head.html.
✅Naming and structure are clear and follow repo conventions.
✅CSS uses best practices for accessibility and responsiveness.
✅Informative PR title: “UI Upgrade: Smooth, Flicker-Free Link Hover Effects”

Follow-up

✅Check the status of GitHub Actions and resolve any reported warnings!

[eshellman]

no thank you