First Post
This is my first post on this blog. This post was created as test content to ensure that the layout, typography, and sticky element features work well on the blog page.
This content is intentionally made long enough so the page can be scrolled far down.
Introduction
In modern website development, especially blogs or documentation, the reading experience is very important. Using a neat layout, comfortable typography, and consistent navigation will greatly help readers.
This post aims to:
- Test the blog layout appearance
- Test typography (headings, paragraphs, lists)
- Test sticky features (sidebar, navbar, or TOC)
What are Sticky Elements?
Sticky elements are UI elements that:
- Stay visible when the page is scrolled
- Usually used for:
- Navbar
- Category sidebar
- Table of Contents (TOC)
Long Paragraph Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Using Nested Headings
Heading Level 3
Heading level 3 is usually used for sub-topics that are still in context with the main heading.
Heading Level 4
Heading level 4 is suitable for technical details or additional explanations.
Lists and Bullet Points
Example of unordered list:
- Server
- Networking
- DevOps
Example of ordered list:
- Install environment
- Setup project
- Deployment