Skip to content

rahatbd/xkcd

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A vanilla JavaScript xkcd comics site built using the official xkcd API. Navigate to the next or previous comic, or view xkcd comics randomly. Search for any previous comic, including 404!

Feature Highlights:

  • Keyboard accessible
  • Responsive design
  • Light and dark theme
  • Printer friendly

Code Highlights:

  • modern-normalize v2.0.0
  • minireset v0.0.6
  • Self-hosted variable fonts
  • CSS logical properties
  • prefers-reduced-motion fallback
  • Input validation
  • Error handling
  • noscript fallback
  • Debounce keyboard input
  • Sanitization to prevent XSS attacks
  • JSDoc comments

Languages

HTML5 CSS3 JavaScript

Light Theme

light theme mockup

Dark Theme

dark theme mockup

Print Preview

print preview


© Rahat Rahman 2023