I have created a custom version of @cleverdevil’s Microgram for my photos page. You can find it as a Gist on GitHub.
@truefalse looks great! Pull requests accepted 😉 I’d love to add some of these as options that can be configured using query arguments on the includes.
@cleverdevil unfortunately I'd have to learn Python first. Maybe this is a good starting point? Any tips on where to start with Python?
@truefalse honestly, I am more than happy to handle the Python side.
One way you could help would be to open tickets on the original project with feature requests and any JavaScript or CSS changes needed to support those features, and then I can happily implement them on my side.
You could then pretty easily see how I make your good ideas come to life using Python!
@cleverdevil I've opened some issues on github. The responsive CSS part is very hard, since every design is different. To do things correctly, users would need to specify some more options like their photos container width and design break points. That's a bit too much I guess. Since we are using JS we could calculate optimal sizing in the JS part, maybe ...
@truefalse awesome. I saw the tickets flow through. I’m headed off to vacation at the moment, so should have some down time to take a look this week. We may be able to get @manton to add some hints to themes somehow to ease further improvements.
@truefalse what if y’all used CSS Grid for displaying the photos? This would allow for a grid that adjusts to the container size. Using something like: grid-template-columns: repeat(auto-fill, minmax(250px, 1fr); I could help out with this if you want…
@smith That's a fantastic idea! I'm not up to date with the latest CSS stuff, obviously ... can you make my github gist work with CSS grid to give an example? I will also try to hack something together.
@truefalse Here's the updated Gist. The different aspect ratios make it tricky to be flexible, but this will adapt to bigger or smaller containers
@endonend nice! I'm working on a solution with lazy loading, so that images get loaded while you scoll by, so stay tuned for an updated version of @cleverdevil's microgram.