Title Goes Here Up To Two Lines. Deck.js » Modern HTML Presentations. Presentation tool based on the power of CSS3 transforms and transitions in modern browsers. Reveal.js - The HTML Presentation Framework. HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML.
Mike Allison - KODataTable. KODataTable This is a screaming fast,reactive dynamic datatable viewmodel/template for Knockout with search, header sorting and item selection.
Maybe you're already screaming “but there was a tetris with sound in the first competition”. Sure, but that was more of a demo of tetris than the actual game. I wanted to build something that included a defined goal, had replayability and mechanics that go beyond “click to score” as well as a visual design that didn't look like it was driven by a lack of space for something better.
The second thought that went into the demo was trying something new. Thisisn'texactlymyfirstjs1kdemo but making a music game seemed like a fresh idea. Encoding Before we can start creating any sound, we have to choose an encoding. Learnings from Client-side and Server-side rendering in Backbone.js. In this article, I’ll talk about the high-level technologies and pros and cons to go from a fully client-side to server-side rendered application with a supplementary Backbone.js app on top.
This article draws on about a year of experience using both techniques on production apps at YouNow. Client-side rendered apps If you’ve ever built a fully client-side rendered app (I only have experience with Backbone.js), you are probably aware of its downfalls: slow loading/render times, and no useful search engine indexing of your pages. Despite the downfalls, these apps are pretty straightforward to build: 27 Fresh and Free jQuery Plugins. InShare3 Today we have collected for you the 27 fresh, free and popular jQuery plugins that will help to speed up the design of your projects and make it more user friendly. jQuery plugins are constantly being released, and it’s no surprise since they are insanely popular, and for good reason.
The only problem is looking through the whole amount and finding the best ones. Animated Checkboxes and Radio Buttons with SVG. Previous Demo Back to the Codrops Article.
Enable Features. Perfect Full Page Background Image. By Chris Coyier On This post was originally published on August 21, 2009 and is now updated as it has been entirely revised.
Real musical instruments create full, lively notes. Synth.soundkeep.com. ThemergencyThemergency. FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome - No matter how many columns of data you may have in them. What Does It Do? FooTable transforms your HTML tables into expandable responsive tables. This is how it works: It hides certain columns of data at different resolutions (we call these breakpoints). Rows become expandable to show the data that was hidden. So simple! Demos Download Get the source from Github , or you can download it direct.
Foundation: The Most Advanced Responsive Front-end Framework from ZURB. Labs by Big Room Studios. Intention.js. Matthewhudson/device.js. FileReader - Web API interfaces. Summary The FileReader object lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using File or Blob objects to specify the file or data to read. File objects may be obtained from a FileList object returned as a result of a user selecting files using the <input> element, from a drag and drop operation's DataTransfer object, or from the mozGetAsFile() API on an HTMLCanvasElement. Constructor FileReader FileReader();
HTML5 Charts for your website. Chardin.js. Tabby - Lightweight, mobile-first toggle tabs. AnimateScroll - jQuery Plugin for Animating Scroll. AnimateScroll has 6 options: easing scrollSpeed padding. Jquery.arbitrary-anchor.js. Ractive.js - next-generation DOM manipulation. Douggreenall.co.uk > Programming and Stuff... 08 September 2008 Permalink: Very nice, I'm sure you'll agree. You can spin the carousel in different directions by holding the mouse button down and dragging across it (trying to click and drag it directly can cause problems, especially in Firefox where the browser may try to drag one of the images and hence won't fire the mousemove event - if you click adjacent to the carousel itself and then move the mouse across, you shouldn't have any problems... or you could do what I do and just use Opera) - its rotation speed is determined by how quickly you move the mouse and once moving, it will slowly decelerate to a complete halt.