Magnet - JavaScript Library and jQuery Plugin to Create Filterable and Sortable Layouts
Description
Magnet is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts.
New in Magnet 2
- Removed jQuery dependency. Magnet has been rewritten in Vanilla JavaScript.
- A bin- packing algorithm to create gapless layouts for ‘grid’ layout mode.
- A new layout mode ‘grid’ that replaces ‘masonry’ and ‘tiles’, creating gapless layouts that can be filled from left to right or top to bottom.
- Sorting.
- Magnet now emits custom events.
- New methods that extend Magnet’s functionality.
- More options for a deeper customization.
Version Control
Version 2.0.3.
- Fixed: An error that caused the plugin to be unable to get items' sort data, therefore sorting was bugged in some cases.
Version 2.0.2.
- Fixed: A bug that was causing an error when initializing the plugin with JavaScript under certain circumstances, This has been fixed so that the error no longer exists, allowing to initialize with JavaScript normally.
- Fixed: A bug when getting the exact size of an element if it was set in percent. These values were rounded instead of staying as a floating point number, causing layouts to break if elements were rendered in sub-pixels. This has been corrected so that tthe size obtained stays as a floating point number.
Version 2.0.1.
- Fixed: A bug related to Event constructor that was causing the plugin not to work in IE11.
- Fixed: A bug that caused remove method not to remove items for certain arguments types passed.
- Updated: Documentation to 2.0.1.
Version 2.0.0.
- Added: 'grid' layout mode.
- Added: Sorting.
- Added: Events.
- Added: New methods.
- Added: New options.
- Removed: 'masonry', 'tiled' and 'static' layout modes.
- Updated: Documentation to 2.0.0.
Version 1.3.0.
- Updated: Documentation to 1.3.0.
- Added: Static layout mode.
- Added: Methods.
- Fixed: A bug that caused items not to hide when a filter was set via plugin options.
Version 1.2.1.
- Fixed: Issue with masonry layout mode. When first item of the row was higher than the rest of the items in that row, there were white spaces below this items, next row wasn't placed at the correct height.
Version 1.2.0.
- Updated: Documentation to 1.2.0 version.
- Added: New animation types. There are 5 different animations that trigger when filtering occurs. This can be set in options.
- Added: animationType option.
- Changed: Animation on plugin initialitation is removed.
- Changed: Way of getting the width value introduced in 1.1.1 version. Due to changes made to get items' size every time the window resizes, this method was causing a conflict when a filter was clicked.
- Fixed: Issue on masonry layout mode on window resize. This mode and tiled mode have been improved.
- Fixed: Issue when items resized on window resize. This size was expected to be the same as on initialization. Now this values are get every time window resizes.
Version 1.1.2.
- Updated: Documentation with new layout mode.
- Fixed: Small issue when getting exact container width on initialization.
- Added: New layout mode (tiled).
Version 1.1.1.
- Fixed: Issue when getting the value of the width set in percent of an element. jQuery got this value but it rounded to an integer causing layout breaks in some cases. Now, this value is returned as a float.
Version 1.1.0.
- Updated: Documentation with new option and a live demo in the footer
- Fixed: Wrong path on linked js in example
- Fixed: Minor bug setting a clicked filter as active
- Fixed: Minor bug when getting a filter on click event
- Added: New option gutter
Version 1.0.0.
- Released
| Type | JavaScript Script |
|---|---|
| Author | HaundoDesign |
| Category | Javascript / Images And Media |
| Price | $8 |
| Sales | 299 |
| Rating | 4.71 from 17 ratings |
| Published | Apr 22, 2014 |
| Last Update | Sep 7, 2020 |
| Compatible Browsers | IE11, Firefox, Safari, Opera, Chrome, Edge |
| Source Files Included | JavaScript JS |
Categories
Tags
External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.
Products of the Week.
Submit🥇
STOP GUESSING WHAT TO POST
AI that learns your brand voice and builds a month of consistent, on-brand social content: carousels, posts and hooks that sound like you, not like everyone else's AI.
SaaS · 4,296 views · 38 clicksSaaS · Week 45 · 4,296 views · 38 clicks
🥈
Conversational Backlinks for Busy Founders
Place Backlink Relevant Conversation for your domain across Forums and Conversations
Website · 42,016 views · 223 clicksWebsite · Week 45 · 42,016 views · 223 clicks
🥉
upvote.club
Free Social Media Engagement that Helps Boost Your Content. Upvote Club supports 19 social networks with 100+ engagement actions in one dashboard. Add links to your posts and get free engagement from real users.
SaaS · 40,059 views · 117 clicksSaaS · Week 45 · 40,059 views · 117 clicks
#4
Substack Posting API
Onboard your Agent to Substack. Write Publish on Substack via API
SaaS · 59,068 views · 198 clicksSaaS · Week 45 · 59,068 views · 198 clicks
#5
Seenshot App
Free, Fast, MacOS Screenshot app. Make Screenshot cmd+shift+2 and send it via link
Desktop App · 28,444 views · 122 clicksDesktop App · Week 45 · 28,444 views · 122 clicks
#6
Hand-Placed Backlinks $9.99 per link. Flat rate.
Buy hand-placed forum, Q-A and directory backlinks. Flat $9.99 per link, no subscriptions — you only pay for approved listings.
Website · 4,277 views · 19 clicksWebsite · Week 45 · 4,277 views · 19 clicks
#7
Free Invoice Generator - PDF Invoices in Your Browser, No Sign-Up
A free invoice maker for freelancers and small businesses: fill in the invoice, check the live preview, and download a PDF that looks exactly like it. Any currency, tax per item, three templates, no sign-up, and nothing leaves your device.
2,952 views · 17 clicksWeek 45 · 2,952 views · 17 clicks
#8
Merge PDF Files Free - Combine PDFs in Your Browser, No Upload
A free PDF merger for office workers, students, and freelancers: combine PDFs and images into one file in the browser, reorder files and pages, pick page ranges, keep bookmarks, and open password-protected PDFs. Nothing is uploaded, no sign-up, no watermark.
2,726 views · 13 clicksWeek 45 · 2,726 views · 13 clicks