background preloader

Turn.js: Make a flipbook with HTML5

Turn.js: Make a flipbook with HTML5

http://www.turnjs.com/

Related:  flip эффектBibliothèque

Getting started Bootstrap (currently v3.3.6) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs. Bootstrap HTML_CodeSniffer Check that your HTML code conforms to your coding standard HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard. HTML_CodeSniffer is written entirely in JavaScript, does not require any server-side processing and can be extended by developers to enforce custom coding standards by creating your own "sniffs". To get you started, HTML_CodeSniffer comes with standards that enforce the three conformance levels of the Web Content Accessibility Guidelines (WCAG) 2.0, and the web-related components of the U.S. "Section 508" legislation. An auditor interface is provided by a bookmarklet to let you try out these accessibility checks on any web page.

javascript motion detection This is a motion detection experiment in javascript, and before starting any explanation: Click here to see the demo. To see this demo with your own webcam, you will need to download a browser that enables some new features as explained in this link. To make it simple, I’ve used Google Chrome Canary, go and get it! Flippy a jQuery flip effect plugin Markup First, add Flippy JS in your page. Be sure to have jQuery too ! The Flippy content need to be included in a container, this prevents random perspective effects with CSS : Simply call flippy() function If you want to reverse last flip, just use reverse() function.

gauge.js Example Variant selection Features No images, no external CSS - pure canvas No dependencies (jQuery is supported, but not required) Highly configurable Resolution independent Animated guage value changes (!) Works in all major browsers MIT License JavaScript Maps Features Main features Highly customizable – every aspect of the map can be styled using built-in configuration options or CSS.Create multi-level drill-downs.Create map charts (heatmaps or otherwise known as choropleth maps).Use any images in any format as map markers.Support for real-life latitude and longitude coordinates.Apply built-in or custom textures.Display multi-segment lines and routes.Customize initial and user-controllable zoom options.Control the map via JavaScript API (change data and configuration options, simulate user interactions, attach custom funcitonality to various events, etc.) Hundreds of maps

A Detailed Overview of the Model-View-Controller (MVC) Coding Structure The model-view-controller or MVC is software architecture commonly used for creating web applications or software. In other words, it's a structure for web applications to follow in order to ensure efficiency and consistency. Many of the most popular frameworks use the MVC architecture, including ASP.NET, CodeIgniter, Zend, Django, and Ruby on Rails. At the same time, there are many web developers who don't use a coding framework yet still set up their applications to follow the MVC structure. In this article we'll look in more depth at what the MVC architecture is in detail, and what each part is, and why you should be using it.

The jFlip plugin A flipping page gallery This plugin builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area. By the way, no flash needed! Author: Renato Formato. Documentation qrcode.js QRCode.js is javascript library for making QRCode. QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies. Basic Usages <div id="qrcode"></div><script type="text/javascript"> new QRCode(document.getElementById("qrcode"), " </script> or with some options

Stack Motion Hover Effects This is a hover effect. Best viewed on desktop. Images made with designs by Freepik.com If you enjoyed this demo you might also like: Experiment Online Writable Book Using Jquery Plugins Lately I’ve been playing with some jquery plugin, one of them is flipbook jquery plugin. And I have an simple idea to creating an online application that look like a book that can be edited on the fly, which mean do not need admin area to edit the content. This example only presenting the front end, each page are editable using inline rich text editor, if the content are longer than the page height it will presented using scroller. I’m just thinking maybe this idea can be applied to became wordpress theme, and maybe good for some history writer. Plugin & Sound Used

Related:  jQuery Miscplug-insWeb ResourcesBlogs/Webmag