DEV Community

Vanilla HTML, CSS, JavaScript Markdown, Syntax Highlighting, Mathjax Article Viewer

Warren Jitsing on January 05, 2026

GitHub: https://github.com/InfiniteConsult/0003_html_css_javascript_article_viewer/ Introduction Writing deeply technical content fo...
Collapse
 
conathan profile image
conathan

I signed up to tell you I thought this is excellent! In the world of frameworks it's wierdly hard to find a good tutorial on the basics. This is the intro to website development I've been looking for. Thank you!

Collapse
 
warren_jitsing_dd1c1d6fc6 profile image
Warren Jitsing

Thank you! Most of my posts are like this as my main focus is optimization which involves "stripping out bloat". Not for everyone but hopefully helpful to those who need it or those going into high performance computing/high frequency trading

Collapse
 
maame-codes profile image
Maame Afua A. P. Fordjour

I love the 'Librarian vs. Reading Room' analogy for the client-server model, it makes the architectural transition from traditional sites to SPAs so much easier to visualize. I'm definitely going to try and deploy this on my local Linux setup as I work through my LFS101 course. Thanks for the detailed blueprint!

Collapse
 
warren_jitsing_dd1c1d6fc6 profile image
Warren Jitsing

Awesome. If you build the FromFirstPrinciples Dockerfile and run in (maybe through windows subsystems for Linux) it should get automatically deployed and look like this

Collapse
 
maame-codes profile image
Maame Afua A. P. Fordjour

Noted 💯

Collapse
 
sloan profile image
Sloan the DEV Moderator

We loved your post so we shared it on social.

Keep up the great work!

Collapse
 
warren_jitsing_dd1c1d6fc6 profile image
Warren Jitsing

Thank you

Collapse
 
acessays profile image
Anna

This is super useful! I love how you combined vanilla JS with Markdown and MathJax—it keeps things lightweight but powerful. Syntax highlighting looks clean too. Definitely giving me ideas for my own article viewer projects!

Collapse
 
warren_jitsing_dd1c1d6fc6 profile image
Warren Jitsing

Thank you! Enjoy!

Collapse
 
warren_jitsing_dd1c1d6fc6 profile image
Warren Jitsing



Collapse
 
mdfold profile image
frank

Nice separation between article data and /static/{path} assets. One edge I’d make explicit is the base URL contract: ../img.png resolves differently when the article URL ends in /slug/ versus /slug.html. I’d also test ../ traversal, percent-encoded segments, query/fragment preservation, and remote schemes separately. Resolution and security are different stages—the rewrite can produce a valid URL that still needs sanitizer/CSP checks.