Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Optimization & UI/UX improvements for Blog Index Page #265

Open
6 tasks
vnphanquang opened this issue May 14, 2024 · 0 comments
Open
6 tasks

Optimization & UI/UX improvements for Blog Index Page #265

vnphanquang opened this issue May 14, 2024 · 0 comments
Assignees
@vnphanquang
Labels
content:blog content for blog posts domain:frontend page:blog /:lang/blog/* type:enhance ux, ui improvements type:refactor moving code around, deleting some
Milestone
Anytime

Comments

@vnphanquang
Copy link
Member

vnphanquang commented May 14, 2024 •
edited
Loading

  • for blog post item, utilize @container queries, reduce font-size in horizontal layout variant, and change aspect ratio of image to be square.
  • add border between columns at highlighted (recent) posts section
  • reduce vertical spacing between items in left column of highlighted (recent) posts section
  • make TBA of links section sticky
  • take inspiration from Github Blog and make more dedicated sections based on series?
  • lazy load posts. Consider disabling prerendering
@vnphanquang vnphanquang self-assigned this May 14, 2024
@vnphanquang vnphanquang added this to the Anytime milestone May 14, 2024
@vnphanquang vnphanquang added type:refactor moving code around, deleting some type:enhance ux, ui improvements content:blog content for blog posts page:blog /:lang/blog/* domain:frontend labels May 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@vnphanquang vnphanquang

Labels
content:blog content for blog posts domain:frontend page:blog /:lang/blog/* type:enhance ux, ui improvements type:refactor moving code around, deleting some
Projects
sveltevietnam.dev
Status: Dev:Todo
Milestone
Anytime
Development

No branches or pull requests
1 participant
@vnphanquang