Bootstro.js demo Features Works cross-browser, cross-devices . C'mon, it is bootstrap Utilises Bootstrap Popovers Bootstro popovers can have variable width, even though Bootstrap 2.3 popovers does not (yet) (issue #1730 & solution) Small (3.0K minified JS & 0.5K minified CSS) No collision. More features Any element anywhere on the page can be intro'ed: popovers are automatically scrolled to so they always get focused Easily customizable: Bootstro provides various public methods so you can control as you like bootstro.start(), bootstro.next(), bootstro.prev()... Keyboard shortcuts: Works with Esc, → ↓, ← ↑ shortcuts too Quick Usage Bootstro requires bootstrap & bootstrap popover Add class .bootstro to any element that you'd like to be highlighted Include bootstro.js & bootstro.css bootstro.start() Why? As part of building a sortof open KhanAcademy clone using our home grown SandPHP framework , I developed a working but spaghetti version (gist)of Bootstro.js a few weeks ago (I called it live_onpage_help() then). Call
Freetile.js Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement. Freetile has been the layout engine behind Assemblage and Assemblage Plus for almost two years, and now it becomes available as an independent Open Source project. Features Freetile is inspired by similar, existing efforts such as Masonry, vGrid and Wookmark. It allows for any size of elements to be packed without using a fixed-size column grid, so you don't have to worry about specifying a column width appropriate to the size of your elements.The algorithm that evaluates each possible insertion position is easily customizable, allowing for different preferences to be expressed, e.g. a preference to left- or right-alignment of elements, or proximity between certain elements. Usage
jQuery Joyride Plugin Create jQuery Feature Tours in a Breeze Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings. Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. New in Version 2 There have been many significant performance improvements in Joyride 2, along with a myriad of new features. It works on every screen size! Step 1 Pack Your Bags You’ll definitely need the Joyride kit in order to do this, so make sure you download it. /* Attach the Joyride CSS file */ <link rel=" stylesheet" type="text/css" href="jquery.joyride-2.0.css"> /* jQuery needs to be attached */ <script src="jquery-1.8.2.min.js"></script> /* Then attach the Joyride plugin */ <script src="jquery.joyride-2.0.js"></script> Step 2 Define Your Tour Stops Step 3 Create Your Tour Outline Step 4 Start the Engine Step 5 Options and Upgrades
home 26, rue de Charonne 75011 PARIST. +33 (0)1 42 71 48 36F. +33 (0)1 43 55 08 02E. firstname.lastname@example.orgW. www.ultranoir.com MARS NETWORKS 26, rue du village 13006 MARSEILLET. +33 (0)4 91 48 26 59F. +33 (0)4 91 24 67 02E. email@example.comW. www.mars-networks.com L'utilisateur du site internet ultranoir.com reconnaît disposer de la compétence et des moyens nécessaires pour accéder et utiliser ce site internet. Les utilisateurs sur site web sont tenus de respecter les dispositions de la loi relative à l'informatique, aux fichiers et aux libertés, dont la violation est passible de sanctions pénales. Ils doivent notamment s'abstenir, s'agissant d'informations nominatives auxquelles ils accèdent, de toute collecte, de toute utilisation détournée et d'une manière générale, de tout acte susceptible de porter atteinte à la vie privée ou à la réputation des personnes. L'usage de ce site web est régi par la loi française à l'exception de toute autre législation.
A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus