1) There are a couple of features I want on the Quran reader website, the first is using Hyperdisken-Popcorn.js to create a clickable word for word Quran, when user click on the word the audio would play the word.
Check the website below for a demo of how it works.
How it work:
<div style="background-color: transparent; "
By have the essential tools and buttons in the header and footer and place the rest in the collapsible div this would allow uses to concentrate just on the text and be able still to access the site features.
Another feature the site should have it the ability to filter surah’s using [http://listjs.com/ http://listjs.com/]it would allow users to quickly find the surah they want by number or by name.
<div style="background-color: transparent; "[http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery http://manos.malihu.gr/sideways-jquery-fullscreen-image-gallery]</div>
Another good feature would be allow users to select groups of words or ayahs and be able to repeat it, I know the site has this feature already but just need little tweaks to better support mobile devices.
2) Currently the problem with global Quran it displays double text when you click on more than one option it will make it difficult for users to select which type of layout they want, one solution is display one text but with different styles based on the options and also simple buttons like allahsquran website where users can select to display the Arabic, translation word for word and tajweed.
<div style="background-color: transparent;"
</div><div style="background-color: transparent;"https://lh6.googleusercontent.com/lWVQ0UtGi7y5ynpa3CC5l9gFIJfxSJcVOPAds9g5u-wCEUHnoB3A5Iueet53M5TeWPO-Mi0gdKKdeQKc6oAj5TGG-CDsdymD-6Lw2kZFgPFNvcJBDw0
check out [http://www.easyquran.com/en/lukman.htm http://www.easyquran.com/en/lukman.htm]
3) Audio tafseer of the Quran - I have on my website a really good English audio -tafseer [http://www.deen-ul-islam.org/quran-tafseer-bayyinah-institute/ http://www.deen-ul-islam.org/quran-tafseer-bayyinah-institute/]what we can do is using the same word for word timing feature we can highlight certain word related to the audio so users have a visual clue what the tafseer is talking about. Also when playing the Quran audio the word would highlight whilst it plays the audio.