Nicer Music Posts
So, I found this awesome library called VexTab that allows you to write down musical notations in a simple syntax and generates a HTML5/javascript rendering of the notation. I have some little snippets to allow rendering chords and tabs with/without notations. This will be specific to Jekyll generated sites on Github, you can be much cleverer on your server. It’s almost too easy but here you go. How to include music notation in your blog – you can ignore raphael.js and chart/chord.js files if you don’t want chord representations. Put these files in your html from vexflow/vextab projects. <script src="/js/raphael.js"></script> <script src="/js/jquery.min.js"></script> <script src="/js/underscore-min.js"></script> <script src="/js/vexflow-min.js"></script> <script src="/js/tabdiv-min.js"></script> <script src="/js/chord.js"></script> <script src="/js/chart.js"></script> <script src="/js/music-post.js"></script> ...