mladenilic / columns.js Goto Github PK
View Code? Open in Web Editor NEWA minimalist masonry layout written in vanila JS, with no dependancies
Home Page: https://columnsjs.com/
A minimalist masonry layout written in vanila JS, with no dependancies
Home Page: https://columnsjs.com/
Dobar dan!๐ค
Your solution of representing masonry layout is very close to meet my needs, it's very clever.
But I'm little stuck: in my grid I have first element unique, that should always be in the first column, on the top. But with greedy
algorithm it mostly appears in the second column. chronological
algorithm doesn't make sense, since grid becomes look ugly. Do you have any solution of it?
Hi @mladenilic, thanks for this awesome library.
Would you consider adding typescript definitions for the public class Columns
?
I just added type definitions in my own project and I can raise a PR if needed.
Also, I was going through the code and all other classes/code have JsDoc comments except the Columns
class. Curious if there is any special reason behind this?
Thanks
Hi @mladenilic,
Thank you for this neat library! I needed to have IE11 support and in the end I was able to get it to work quite easily by adding some polyfills. I thought I would post what I added for reference in case anyone else needs to do the same.
The polyfills come from https://polyfill.io/v3/url-builder/ and this is what I included in my site:
They can be added via a single <script>
tag:
<script src="https://polyfill.io/v3/polyfill.min.js?features=NodeList.prototype.forEach%2CObject.assign%2CArray.from%2CObject.entries%2CElement.prototype.append"></script>
I hope this helps someone!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.