Featured Products
- Home
- JavaScript Scripts
- Moon Mega Grid plus Grand Pack
Moon Mega Grid plus Grand Pack
By : alquimisto Published on Sunday, January 31, 2016,20:25:54 in JavaScript Scripts
Create your unique artistic spectacular gallery for your photos with variety of beautiful animated hover effects, using templates and examples, color schemes, svg and canvas photo filters and other tools!
Moon Mega Grid
is a multipurpose horizontal masonry grid building solution:Grand Pack
is a collection of 34 beautiful templates:Best for Mobile Devices

Hover effect simulation
Usually there are two ways for arranging ‘hover’ effect on mobile devices: you can ignore it (first) or you can use buttons (second). I suggest the third way: simulation of a ‘hover’ effect after the first touching an icon. After the second touching a ‘click’ event is simulated. This approach is fully realized in the Grand Pack. Of course, You can abandon this approach by simplifying of an appropriate template.Separate templates
It is obvious, that the grid opened on mobile devices will differ from the grid opened on the PC. So Moon Mega Grid gives the possibility to make different templates for PC and for mobile devices.Optimization
Due to memory optimization Moon Mega Grid gives the possibility to show up to several thousand items on one page. Even if you have thousand items on your device, crash is hardly to happen if you rotated the screen and the view was rebuilt.Retina
There are 2 Retina modes:- The width and the height of the item will be a half of the native sizes, regardless whether the device has got Retina screen or not.
- If your device doesn’t have Retina screen the src will stay unchanged. But if it is a Retina device, the src attribute will be changed and ’@2x’ suffix will be inserted before the file extension.
Strong Memory Optimization
Usually grids eat resources. There are a lot of DOM elements. Thera are heavy images.
Moon Mega Grid is based on principles, which allow minimize the mentioned above effects:
Grand Pack: 34 artistic templates
It is an unprecedented set of wonderful templates with original animated captions.
Every template has been tested on various mobile devices and simulates the ‘hover’ effect for them.
Many templates give possibility to choose a color schema.
Every template is stored in its own folder with coffeescript, javascript, less and css files. So it’s easy to create custom template on the base of existing one.
Photo Filters
All SVG-filters are supported. They will add artistry to your page.
Moon Mega Grid has its own small library for canvas filtering.
The list of supported canvas filters: grayscale, sepia, colorize, contrast, saturate, vibrance, noise, brightness.
You can use combination of canvas filters.
In most circumstances SVG-filters are preferable because they are faster.
From the other side, canvas filters works well on old versions of Android. IE8, IE9 support them too.
You can set Moon Mega Grid to use SVG-filters in browsers which support SVG-filters. Otherwise the browser will use canvas filters.
There is another possibility for IE8, IE9: you can use native MS-filters.




