This zone is sleeping right now! ZzzZZzzz

Better not disturb it! ~You go to the petrol station and buy a slushy instead, everything is cool!~

This area will open again in 000.beats!

(Learn about Swatch Time)

Some other zones are awake :^]


Artifacts Gallery Guilds Search Wiki Login Register

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn in Year 5 - @168.90
Three Stars Random | Recent Posts | Guild Recents
News: :defrag: Lo and Behold :defrag: Guild Events: Prepare for Halloween Reminder!

+  MelonLand Forum
|-+  Life & The Web
| |-+  ✁ ∙ Web Crafting
| | |-+  Creative, engaging ways to implement an art gallery?


« previous next »
Pages: [1] Print Embed
Author Topic: Creative, engaging ways to implement an art gallery?  (Read 429 times)
poesu
Full Member ⚓︎
***
View Profile WWWArt


So many links, so little time
⛺︎ My Room
RSS: RSS

Artifacts:
lil custardVisited on Melon's 10th Anniversary!CattoJoined 2026!
« on: Summer in Year 5 @50.25 » Embed

For context. There're lots of artists on Mastodon that I want to check on, but damn do I not like the act of scrolling. It just doesn't work for me overall, and I also feel like I'm not engaging with their art at all, just browse "pretty pictures."

I think this issue can affect indie web galleries too. I think social media conditioned us to construct our pages in the same way — merely a grid of pictures. I wonder if there's another way or am I just overthinking?

Looking at my own site, I don't feel like I'm motivated to dwell on each piece; I can mindlessly scroll down. Now, if I go to a physical art gallery or museum, I spend time with every picture. I approach them one by one; I, obviously, can't just glance at all of them at once and move on with my life.

Of course, that depends on the art and I can't make everyone stay with each artwork if they don't really vibe with it. But can I at least make the gallery itself work in an interesting way, be more than a Pinterest/Instagram grid? Have you encountered/made any unusual and unique galleries that you can link for inspiration?

Logged

https://poesu.neocities.org/images/my_button.pnghttps://poesu.neocities.org/buttons/88x31/no_squircle.webphttps://poesu.neocities.org/buttons/88x31/accessibility.webp
https://imgur.com/kcQQAM4.pnghttps://imgur.com/6YtLZau.pnghttps://i.imgur.com/YMPbu9R.png

Artifact Swap: Ada the ButterflyRemember?I met Dan Q on Melonland!MelonPaintIcecream sundaePuzzlingender pearl yappin kittayDripping inkyshroomShang Mu AcademyPhone's Ringing!Pastel eyebatLarge watercraftKitty KittyLollipopgreen leaf (for outdoors enjoyers)Pink camera flashEyeSeeYouMonabreadPhoenix Downthingum
IndigoGolem
Sr. Member ⚓︎
****
View Profile WWW


What's personal text?
⛺︎ My Room
RSS: RSS

Guild Memberships:
Artifacts:
e  unus, pluriumsqueezed gentlyVisited on Melon's 10th Anniversary!I got robbed by Dan Q on Melonland!Joined 2025!
« Reply #1 on: Summer in Year 5 @101.68 » Embed

If the issue is the layout of the page, there are options. Simple things like a grid, carousel, deck of cards you draw from, etc. If you want something more like a real gallery/museam, you could try doing something like TheFrugalGamer did, or if you're really good at CSS you can try to replicate the 3D spaces in corru.observer that it uses for some gameplay.

I have not made a gallery myself. I don't do much art, and my site's Art page mostly just has a couple old experimental pages linked like normal pages rather than embedded in any kind of gallery.

Looking at your site, i see what you mean about browsing pictures. I like your art, but i do find myself just skimming every picture instead of really focusing on the details of one. I wonder how much of that is the density of works. At any point in your site's home page, there are several pictures i could look at, and it's really easy to jump quickly from one new thing to another.

A simpler option than the 3D gallery stuff i mentioned earlier is to just put a lot of blank space between pictures, so people have to scroll to get from one to another and there's only one thing to focus on at a time.

I don't know what one sollution to offer. I think you should try a few options and see what works, what you like best. That's usually the best way to figure out design choices, i think.

Logged

-Indigo, Anve Ozo

Artifact Swap: The Worm is creeping around Melonland profiles!Mick Jagger's mouthCreampuffNoid2 coins
chilblands
Jr. Member ⚓︎
**
View Profile WWW


make it happen or regret
⛺︎ My Room

Guild Memberships:
Artifacts:
Visited on Melon's 10th Anniversary!I got robbed by Dan Q on Melonland!Joined 2026!
« Reply #2 on: Summer in Year 5 @464.59 » Embed

You can make a big fake png wall that imitate museum galleries and to navigate you drag the screen. Then when you click on it a modal pop up with alt text and description

Logged

https://chilblands.neocities.org/files/horseicon.gif it's gettin cold in here...

Artifact Swap: Cursor!Gallery CardShocked SharaDevil HeartI met Dan Q on Melonland!Batman SpiffocyberziPurbyLucky Cat Companion +10 Dmg +5 luck +5 StealthmargiesimpSunny the PuppyWhite pawnjiggle~
Rubbereon
Sr. Member ⚓︎
****
View Profile WWWArt


⛺︎ My Room
SpaceHey: Friend Me!
Matrix: Chat!
XMPP: Chat!

Guild Memberships:
Artifacts:
Caught by Rubbereon!Caught by Rubbereon!Caught by Rubbereon!Caught by Rubbereon!Caught by Rubbereon!Caught by Rubbereon!
« Reply #3 on: Summer in Year 5 @506.94 » Embed

This was recommended to me when >I asked about a similar issue, so might as well let you know about Masonry.

https://masonry.desandro.com/

It basically does what you want.

You can use flex grids for a native option supported by all modern browsers.

Logged

https://bettysgraphics.neocities.org/images/animals/cat%20695.gifFuzzy fwiendhttps://bettysgraphics.neocities.org/images/animals/cat%20696.gifhttps://bettysgraphics.neocities.org/images/animals/cat%20697.gif
https://rubbereon.nekoweb.org/img/penguin.gifLinux userhttps://rubbereon.nekoweb.org/img/penguin.gif
↓ All my web profiles are available on this website ↓
https://fursona.directory/@rubbereon :eyes:

Artifact Swap: <html>pearl yappin kittayGreen SpiffoJust CheeseTomato SliceCreampuff
sphinx
Jr. Member
**
View ProfileArt


da doy dought da dasketdall
⛺︎ My Room
SpaceHey: Friend Me!

Guild Memberships:
Artifacts:
Void chickenCommon SlorgHamtaroJoined 2026!
« Reply #4 on: Summer in Year 5 @686.68 » Embed

The plain grid gallery approach you're talking about predates social media, I think.

Whenever I took guidance from art teachers in high school and college (2003-2009) they always said that your page should be short and sweet. Display the art together neatly and plainly so that the art speaks for itself without distraction. Your gallery should be quick and easy to look through with minimal to no "speed bumps". This was taught with job-hunting in mind, mostly. The second someone from The New Yorker or Disney (or whoever) has to click an extra thing or find a different page or wait to open up an image, they've lost interest and moved on to the next applicant. Time is money.

For those reasons, my very first art portfolio site was a plain white page with minimal text or pages, and the home page was the portfolio. In basic grid format. With a mouse-over effect that quickly enlarged each picture. My contact information displayed clearly at the bottom. Oh, and select only 9 of your best works to display so it's a nice clean symmetrical grid and they don't have to scroll. Scrolling is bad! It felt like a glorified business card. My art was there, sure, but my spirit wasn't. I hated it.

This would've been around 2006-'07, but it seemed like it was trending for several years before that. Social media was in its infancy maybe, but hadn't really taken off yet. Not as we know it today. You would think at a time when pages were at their most vibrant that art pages would be too, but in student & professional spaces there was this big push to go REAAALLY boring minimalist with it. This was a time when new-kid-on-the-block Facebook was still kooky-crazy with graffiti widgets and stickers and all manner of fun sillyness. But nope. My page had to be plain grid because professional norms said so. It feels like the nature of the web has completely inverted since then.

Once again, I have rambled in circles. But I hope you'll find a useful nugget or two in there.

Logged

i'm your only friend, not your only friend
but i'm a little glowing friend
but really i'm not actually your friend
https://stellaluna.neocities.org/brakad.png

Artifact Swap: FloewrParty duckshoeSMK LuigiTurtle Companion +5 Dmg +10 DefenseLisasimpsonDinonaurVisited on Melon's 10th Anniversary!
Noah_S
Sr. Member ⚓︎
****
View Profile WWWArt


Noah. Earth. I make website. I.. I.. Noah. Earth.
⛺︎ My Room
iMood: Noah_S
RSS: RSS

Guild Memberships:
Artifacts:
funguyVisited on Melon's 10th Anniversary!I got robbed by Dan Q on Melonland!I met Dan Q on Melonland!A coin!Enby
« Reply #5 on: Summer in Year 5 @760.64 » Embed

I have jigsaws with my drawings. And in the extended gallery I've written a bit about all of them. I do think spacing them out more helps.

Logged

perfectionist_better.gifweb_designer.gifspeed_of_time.gifbutton290.pngmy_dream_wedding.gifClippy beats AI

Artifact Swap: Large watercraftGrowing ballwhen life gives you crab make mailMelonland has encountered a bugMerry ChristmasMessage Buddy
Pages: [1] Print Embed 
« previous next »
 

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021 | Privacy Notice | Send Feedback | Supporters ♥ Forum Guide | Rules | RSS | WAP | Mobile


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery! Pixel Sea TamaNOTchi
@000 Melon
Land
Editor Recent Edits Tenement Arcade Random Link Land → Forum Art Hub Chat Webring Want to Login or Join ? Web Craft Guide Graphic Catalogue Wiki Newsletters Image Stream
Passport Sites Asatte Add your site?
Zap!
Minecraft: Online
Join: craft.melonking.net