trgraglia/jquery.horizonScroll.js emn178/jquery-appear jquery-stage jQuery Stage is a jQuery plugin for detecting information about the stage, the browser's viewport. (jQuery Stage Information) Abstract jQuery Stage is a jQuery plugin for detecting information about the "stage", the browser's viewport. Demo See the included sample/index.html for a small demonstration of jQuery Stage. Motivation A Single-Page Application (SPA) usually has to render its User Interface (UI) onto multiple kinds of stages, based on device size and current device orientation. But there are multiple problems: CSS for backward compatibility reasons always uses a hard-coded DPI setting of 96dpi, even if most devices have an effective DPI in the range of 100dpi to 450dpi. This is where jQuery Stage and its guessing algorithm comes into the play. Solution jQuery Stage provides stage information in the following form: The parameters are determined as following: The Application Programming Interface (API) of jQuery Stage is (in TypeScript definition syntax): Settings Event Handling See Also
PitPik/CalcSS3 neilj/Squire alumbo/jquery.parallax-scroll after12am/boids.js Gix075/jqueryIntroLoader Mathachew/jquery-autotab dreamerslab/jquery.actual HTML5 Music Player Danny Markov This time we want to share with you a cool experiment that we made. It is a music player that lives in your browser. It uses the powerful HTML5 File Reader and Audio APIs. Features You can load mp3 files from your computer by dragging them and dropping them in the browser. HTML5 Music Player How to use it The application is a simple HTML file that you open in your browser. How it works The app listens for JavaScript drag and drop events. From there on we can do everything you would expect from a native audio player – play next/previous, pause, pick songs and so on. You can learn more about how the player works by reading the /assets/js/script.js file in our source code. Design The main layout of the app is made via flexbox. Further Reading Presenting Bootstrap Studio a revolutionary tool that developers and designers use to createbeautiful interfaces using the Bootstrap Framework. Learn more by Danny Markov Danny is Tutorialzine's Bootstrap and HTML5 expert.