Skip to content

siakaramalegos/markdown-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Markdown Viewer in vanilla JS

This application was built with love to teach developers about web performance. This repo using Webpack for dependency management and bundling. To see a similar project but without a build tool, go to markdown-viewer-no-build-tool.

The master branch is the unoptimized state and is deployed at https://turtle-markdown-viewer.netlify.com/. Branches were created for each optimization step:

  • 0-fonts
  • 1-images (all exercises)
  • 1a-images (image exercise 1)
  • 1b-images (image exercise 2)
  • 1c-images (image exercise 3)
  • 1d-images (image exercise 4)
  • 2-smaller-dependencies
  • 3-low-hanging-fruit
  • 4-code-splitting
  • 5-modern-code

About the trainer

Sia Karamalegos is a web developer passionate about performance as well as an international conference speaker and writer. She is a Google Developer Expert in Web Technologies and a Women Techmakers ambassador. She co-organizes #FrontEndParty, GDG New Orleans, and NOLA Hack Night in the New Orleans area. She is the founder and lead developer for Clio + Calliope Web Development and was recognized in the Silicon Bayou 100, the 100 most influential and active people in tech and entrepreneurship in Louisiana. When she's not coding, speaking, or consulting, Sia likes to write stories and dabble in charcoal figure drawing. She's also an avid endurance athlete.

Twitter | Website | Github | Blog | StackOverflow | LinkedIn

Credits

Originally forked from https://gist.github.com/cferdinandi/2218858af04d5306904fe57c184fc17a. See deployed site for image credits.

About

Basic markdown viewer written in vanilla JS using Webpack as a build tool

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages