jQuery plugin for easy reloading of data from Wikipedia about Wikipedia API using JSON. invite must be passed to a Wikipedia page title. The second parameter can be a number of settings for the presentation to be made.
Archive for 2013
Multi-Level Push Menu in JavaScript
Today we want to share another menu experiment with you. For sure you are familiar with the off-canvas navigation on mobile apps and the implementations for responsive websites like the one by David Bushell. We tried to explore the possibility of creating a nested multi-level menu, something that could be quite useful for menus with lots of content (like navigations of online stores). The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.
Royal 3D Carousel in JavaScript & CSS3
Fully responsive 3D carousel that allows to display media or HTML content with an unique and original layout. It’s perfect for presentations, for anyone who wants to obtain a great impact on their visitors.
Features:
- responsive / fixed and fluid width.
- Support for images and HTML content.
- Support for multiple categories and each category can have it’s own set of thumbnails.
- Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.
Echo.js : Simple JavaScript Image lazy loading
Echo.js, simple JavaScript image lazy loading via HTML5 data-* attributes, superfast and standalone (jQuery free).Lazy-loading works by only loading the assets needed when the elements ‘would’ be in view, which it’ll get from the server for you upon request, which is automated by simply changing the image src attribute. This is also an asynchronous process which also benefits us.
Nanimator : jQuery Nano Animation Library
I got the idea for Nanimator Library while working with jQuery Transit library and CSS3 transforms a couple of days ago. I was chaining the animation of numbers of objects by writing callbacks for each of them and suddenly I got the idea that I can actually do it pretty easily by converting the whole thing as a jQuery Plugin. This is how Nanimator was born. It’s primary purpose is to animate a set of DOM elements inside a container, mainly translate, translateX, translateY, and opacity. It also reduces your code by writing almost nothing at all, except initializing the library.
Nanimator serves its purpose pretty well by queueing the DOM elements in a stack, maintaining a chain among them (which you can also break, but I will highlight that later in this article). Nanimator uses the fantastic jQuery Transit plugin under the hood to wrap everything up for you.
Narsis Cover : jQuery CSS3 Image Hover Animation Effect
Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the details. Your visitors will love theme.
Features:
- 50 Animation Effect
- 13 Color Schemes
- We use FontAwesome for icons so you can use more than 360 icons for your menu.
- All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.
- Cross-browser compatible, IE7 included.
- Fully Customizable
