#html gallery

[sleepgarden]

”Doll Face” Handmade choker A commissioned piece I forgot to share!

[neurovarious]

making a neocities site is the worst most insufferable and difficult hobby ever but its so rewarding to see it evolve before my eyes so i keep doing it even if it takes me 30 minutes to make a div center aligned

[glossamerr]

Gallery of life | Backstory

Had this specific vision in my mind for a while. I love how this turned out! The page scrolls horizontally, so it’s like when you’re at the museum. (& the pop up windows are like those info cards next to the paintings!!) Details on how to customize the code are written as notes, as always. 

4 pages to write on

no limits to word count

hover effects on buttons

pop up boxes

If you use it, I would appreciate a like or repost! And if you feel like sending me the finished look, I would love to see it. I hope you enjoy this one as much as I do.

Pastbin: https://pastebin.com/Cp2Hsi3r

Codepen: https://codepen.io/glossamerr/pen/QWXOxgY

[codingflicks]

Responsive Flexbox Image Gallery

[divinector]

Responsive Gallery With Lightbox

[codenewbies]

Responsive Image Gallery

[stripitdown-coding]

Radio

Code

A simple box code with tabs. Haven't done one in a while or felt like finishing other in progress templates, so here's one for now.

Don't remove or alter the code credits from the CSS and HTML.

If you just want to change the colors, they're in a separate section toward the bottom and labeled so you don't need to dig through the rest of the code to find it. The character image line is down there as well.

[jovialturtleface]

Slightly cleaning up my Neocities page so stuff like this will deleted and now the art section just links to my tumblr, feels easiest that way.

[anadventuregallery]

My website is 'An Adventure Gallery':

When I say this about my website, I am both naming and describing it.

'An Adventure Gallery' has two main functions: it provides me a digital place to showcase some of my own visual artworks alongside some of my favorite music on Spotify, and it also functions as a story telling device (in the style of a "Choose Your Own Adventure") where branching plots carry on from one choice to the next page.

An unintended side-effect of this is that I'm forced to reckon with HTML and CSS. So,  perusing through the pages can prove interesting on a number of levels-- one of them being my fiendish attempts to take over your senses with styled animations and whatever other trickery I can manage wielding only CSS code.

It's a wild ride through the Abyss, but I encourage you to begin! :)

~ Trish

[thunderlina]

In the wake of the TikTok ban and revival as a mouthpiece for fascist propaganda, as well as the downfall of Twitter and Facebook/Facebook-owned platforms to the same evils, I think now is a better time than ever to say LEARN HTML!!! FREE YOURSELVES FROM THE SHACKLES OF MAJOR SOCIAL MEDIA PLATFORMS AND EMBRACE THE INDIE WEB!!!

You can host a website on Neocities for free as long as it's under 1GB (which is a LOT more than it sounds like let me tell you) but if that's not enough you can get 50GB of space (and a variety of other perks) for only $5 a month.

And if you can't/don't want to pay for the extra space, sites like File Garden and Catbox let you host files for free that you can easily link into NeoCities pages (I do this to host videos on mine!) (It also lets you share files NeoCities wouldn't let you upload for free anyways, this is how I upload the .zip files for my 3DS themes on my site.)

Don't know how to write HTML/CSS? No problem. W3schools is an invaluable resource with free lessons on HTML, CSS, JavaScript, PHP, and a whole slew of other programming languages, both for web development and otherwise.

Want a more traditional social media experience? SpaceHey is a platform that mimics the experience of 2000s MySpace

Struggling to find independent web pages that cater to your interests via major search engines? I've got you covered. Marginalia and Wiby are search engines that specifically prioritize non-commercial content. Marginalia also has filters that let you search for more specific categories of website, like wikis, blogs, academia, forums, and vintage sites.

Maybe you wanna log off the modern internet landscape altogether and step back into the pre-social media web altogether, well, Protoweb lets you do just that. It's a proxy service for older browsers (or really just any browser that supports HTTP, but that's mostly old browsers now anyways) that lets you visit restored snapshots of vintage websites.

Protoweb has a lot of Geocities content archived, but if you're interested in that you can find even more old Geocities sites over on the Geocities Gallery

And really this is just general tip-of-the-iceberg stuff. If you dig a little deeper you can find loads more interesting stuff out there. The internet doesn't have to be a miserable place full of nothing but doomposting and targeted ads. The first step to making it less miserable is for YOU, yes YOU, to quit spending all your time on it looking at the handful of miserable websites big tech wants you to spend all your time on.

[majo1972]

https://www.gaydemon.com/gallery/jonathan_h_worshipped_by_cameron_kincade_at_my_friends_feet_100458.html

Cameron Kincade (* ) 💗Jonathan’s sexy Füße 👣🦶🏻🏳️‍🌈

[bogleech]

Going to put all this in its own post too by popular request: here's how you make your own website with no understanding of HTML code at all, no software, no backend, absolutely nothing but a text file and image files! First get website server space of your own, like at NEOCITIES. The free version has enough room to host a whole fan page, your art, a simple comic series, whatever! The link I've provided goes to a silly comic that will tell you how to save the page as an html file and make it into a page for your own site. The bare minimum of all you need to do with it is JUST THIS:

Change the titles, text, and image url's to whatever you want them to be, upload your image files and the html file together to your free website (or the same subfolder in that website), and now you have a webpage with those pictures on it. That's it!!!!! .....But if you want to change some more super basic things about it, here's additional tips from the same terrible little guy:

That last code by itself is: <meta HTTP-EQUIV="REFRESH" content="0; url=001.html"> Change "001.html" to wherever you want that link to take people. THIS IS THE REASON WHY when you go to bogleech.com/pokemon/ you are taken instantly to the newest Pokemon review, because the /pokemon/ directory of my website has an "index.html" page with this single line of code. Every pokemon review has its own permanent link, but I change that single line in the index file so it points to the newest page whenever I need it to! While I catered these instructions to updating a webcomic, you can use the same template to make blog type posts, articles or just image galleries. Anything you want! You can delete the navigational links entirely, you can make your site's index.html into a simple list of text links OR fun little image links to your different content, whatever! Your website can be nothing but a big ugly deep fried JPEG of goku with a recipe for potato salad on it, no other content ever, who cares! We did that kind of nonsense all the time in the 1990's and thought it was the pinnacle of comedy!! Maybe it still can be?!?! Or maybe you just want a place to put some artwork and thoughts of yours that doesn't come with the same baggage as big social media? Make a webpage this way and it will look the same in any browser, any operating system for years and years to come, because it's the same kind of basic raw code most of the internet depends upon!

[theartofanimation]

Elioli  -  http://elioli.deviantart.com  -  https://www.instagram.com/elioliart  -  http://www.cartoonbrew.com/artist-of-the-day/elena-olivia-ceballos-92082.html  -  http://elioliart.bigcartel.com  -  https://www.artstation.com/artist/elioli  -  https://www.linkedin.com/in/elena-and-olivia-ceballos-55615a46  -  https://www.inprnt.com/gallery/elioli  -  https://www.facebook.com/pages/Elioli-Art/141328246017855?ref=hl  -  https://twitter.com/search?q=Elioli  -  https://www.youtube.com/user/AnimatedELIOLI

[codingflicks]

Responsive Image Gallery Design

[divinector]

3D Responsive Image Gallery

[codenewbies]

CSS 3D Image Gallery