#nekoweb | Explore Tumblr posts and blogs

numbpill · 24 days ago

Text

========================================================

[tutorial: build your own neocities/nekoweb page]

========================================================

a beginner's guide for making your very own home on the indie web—retro, personal, weird, and 100% yours.

this ain’t an average wix, squarespace, or tiktok aesthetic.

we’re talking full html/css with soul and attitude.

[ prerequisites ]

------------------

> an idea

> basic text editor (vscode, notepad++, or even notepad)

> account on https://neocities.org or https://nekoweb.org

> some gifs or tiles you love (dig deep or make your own)

> optional: image host or gif repo (or self-host everything)

[ feeling overwhelmed? read this. ]

-----------------------------------

you do *not* need to know everything.

html is not a mountain. it's a garden.

you plant one tag. then another. then a style. then a button.

you can build your site piece by piece.

and every piece is a portal to somewhere personal.

you are allowed to make broken pages.

you are allowed to use templates.

you are allowed to start over as many times as you want.

this is *your* world. you control the weird.

[ step 1: create an account ]

-----------------------------

> neocities: https://neocities.org

> nekoweb: https://nekoweb.org

register a name, log in, and enter your file manager.

this is where you upload your files and see your site live.

[ step 2: your first file - index.html ]

----------------------------------------

make a new file: `index.html`

basic starter:

<html>

<head>

<title>my weird little corner</title>

</head>

<body>

<h1>welcome to the void</h1>

<p>this is my page. it’s strange. like me.</p>

</body>

</html>

> upload to the dashboard

> boom. you’re live at

https://yoursite.neocities.org

or https://nekoweb.org/u/yoursite

[ step 3: add a style sheet - style.css ]

-----------------------------------------

create a file called `style.css` and upload it.

here’s some nostalgic magic:

body {

background: url('tile.gif');

color: lime;

font-family: "Courier New", monospace;

text-shadow: 1px 1px 0 black;

}

img {

image-rendering: pixelated;

}

marquee {

font-size: 20px;

color: magenta;

}

link it in your html and the vibes activate.

[ step 4: decorate it like a haunted usb ]

------------------------------------------

> use <marquee> for chaos scrolls

> embed gifs from https://gifcities.org/

> steal buttons from https://cyber.dabamos.de/88x31/

> set up a guestbook at https://www.smartgb.com/

> loop audio with <audio autoplay loop>

> add fake errors, 90s web lore, random link lists

[ step 5: resources, themes, and comfort ]

------------------------------------------

> templates & layouts: https://numbpilled-themes.tumblr.com

> glitchy gifs & buttons: https://glitchcat.neocities.org/resources

> layout builder: https://sadgrl.online/projects/layout-builder/

> free tiled backgrounds: https://backgrounds.neocities.org/

> beginner html intro: https://www.w3schools.com/html/

> pixel fonts & cyber assets: https://fontstruct.com/

remember:

you don't need to know js. you don't need to be a coder.

you just need a mood, a direction, a dream.

the html will follow.

[ bonus concept: shrine pages ]

-------------------------------

> a page just for one character you love

> a room to house digital fragments of your identity

> embed quotes, music, images like altars

> call it shrine.html and link it from your homepage

[ closing mantra ]

------------------

you are not here to be optimized.

you are not a brand.

you are a ghost inside the machine,

carving your initials into the silicon void.

welcome to Your website.

========================================================

240 notes · View notes

xxwebwh0rexx · 2 months ago

Text

#web graphics #neocities #nekoweb #scene #neon #blinkies

1K notes · View notes

zpires · 18 days ago

Text

Alterhuman Assembly is now open to new members.

We've just created a webring for alterhumans (any and all alterhumans!) called Alterhuman Assembly.

More information can be found on our website. An example of what the widget looks like can be found on our homepage on the left-hand sidebar.

We recently lost the Alterhuman Summoning Circle, a very large webring of alterhumans. We'd love to be able to rebuild such a community of netizens creating digital spaces all their own.

If you have any questions, feel free to reach out to us here on tumblr or at ahwebring@proton.me

#personal website #alterhuman assembly #alterhuman webring #neocities #nekoweb #alterhuman

86 notes · View notes

nuggets-wurld · 1 month ago

Text

a few pngs I made of some vintage aquamice, I did NOT know how many companies made these just to be promotional material! Wish companies did this more still, this is like 10x better than getting an okay pen

free to use ofc, credit if you wanna :3

754 notes · View notes

raym-reimu · 5 months ago

Text

#original #sketch #persona #oc #nekomimi #neko #moe #moe art #moecore #webcore #nekoweb

28 notes · View notes

baileylockheart · 3 months ago

Text

Coding/Website Themed Web Graphics!

I've made a bunch of these, so I thought I'd share :3

I wanna make more stuff, but I gotta figure out what 😞💔

f2u, no credit needed :D

397 notes · View notes

numbpilled-themes · 1 month ago

Text

Old Web/Windown 98 Style HIGHLY CUSTOMIZABLE Neocities/Nekoweb Template

LIVE PREVIEW DOWNLOAD FOR FREE

FOLLOW ME ON KO-FI!

294 notes · View notes

stellophiliac · 7 months ago

Text

you should make a website!

"my favorite social media site is shutting down!"

"the CEO of the site i use just committed another atrocity!"

"i want a webspace that's all my own!"

if any of these sound like you (and if you're on tumblr, i know at least one applies) you should make your own website!

why make a website?

incredibly customizable

you can put whatever you want on it

it's, well, your own! like a house you build with your own hands

things you'll need

a computer. you can maybe get away with doing this on a mobile device, but i have zero experience there

a code editor. i like VScodium, which is a de-microsoft-ed version of VScode.

a will to learn ;)

site hosting

neocities. everyone knows neocities. at this point i do feel like it's become a bit too centralized, but it's a good option nonetheless. do note that there are filetype restrictions for free users, but that shouldn't be a huge issue for most. what may be an issue, though, is that there's a content security policy that prevents sites made after jan 1st, 2024 to use outside scripts. also, you have to pay to use your own domain

nekoweb. similar to neocities, but there's no filetype restrictions or a content security policy. some differences are outlined in the FAQ (thinking about moving here... i am a traitor...) i'm not sure if domain support is free or paid.

github pages or codeberg pages. you'll need an understanding of git for this

pages.gay: run by besties.house, uses git

teacake: free hosting is currently closed, but paid hosting starts at 2 bucks a month.

leprd.space: i know next to nothing about this.

a web server. don't recommend this if you don't know computer stuff but it is an option (you'll likely have to provide your own domain though)

gripes & solutions (?)

i'm not comfortable maintaining pages in pure HTML / templating with JS sucks!

with a static site generator, you can write pages in markdown and they'll be converted into HTML and (if you'd like) be put into a template of your choosing. my personal choice is 11ty but there are tons of options!

static site generators can be a bit of a learning curve (and you will have to write some html for templating) but if you're making a lot of pages or blogging regularly it's something to consider

there are starters for 11ty online but i might make a more beginner-proofed starter and/or guide in the future? don't count on it

i don't want to write/maintain CSS

simpleCSS is a tiny CSS file you can use to make semantic HTML ("naked" HTML) look nice. it's got decent customization options too. it's not particularly fancy or opinionated, but it's a good starting point if you need something

i don't know what to put on my website!

small list of ideas:

weblog

art/writing/music gallery

movie/show/book tracker

place to store bookmarks/links

scary! i'm scared!

my askbox/messages/e-mail inbox/etc. are open to anyone who'd like to ask for help!

#neocities #nekoweb #indie web #small web #web dev #stel speaks

386 notes · View notes

ophanimkei · 6 months ago

Text

mall - collab between me and @fizzsea for the @yumenikki-zine

#art #illustration #neocities #old web #yume nikki #javascript #madotsuki #nekoweb #geocities #website #digital art #zine #ゆめにっき #sweet dreams zine #ynfg #yume nikki fangame #points #you will behold our project #there's music on the page by citrus it's awesome so you should check it out

92 notes · View notes

thecozycat · 22 days ago

Text

💛 Webring Wednesday #3: Fediverse 💛

If you're a proud member of the Fediverse and have a personal site, the FediRing webring is the perfect way to connect with fellow fedizens across the open web! 🌐✨ This webring is all about linking the personal websites of Fediverse users, creating a decentralized, people-powered network that mirrors the spirit of federated platforms like Mastodon, Pleroma, and Misskey.

Just like the Fediverse stands as an alternative to corporate social media, the Small Web thrives on independent, self-hosted spaces where creativity and individuality shine. FediRing embraces this philosophy, bringing together bloggers, tinkerers, artists, and anyone else who believes in the freedom of the open web. If you've got a personal site and you're part of the Fediverse, why not join and weave your presence into this ever-growing network?

👉 Check it out: https://fediring.net

Are you a fedizen with a personal site? What are your thoughts on the connections between the Fediverse and the Small Web? Let's chat in the comments! 🚀💬

--------------------------------------------------------------------------

Want to help the Small Web movement grow?

Join us on other platforms. ♥

FB Page & Group:

facebook.com/thesmallweb

facebook.com/groups/thesmallweb

Twitter/X:

x.com/smallweblove

Tumblr Community:

tumblr.com/communities/thesmallweb

Mastodon:

indieweb.social/@thesmallweb

20 notes · View notes

xxwebwh0rexx · 2 months ago

Text

#web graphics #blinkies #neocities #nekoweb #neon #scenecore

613 notes · View notes

nuggets-wurld · 1 month ago

Text

Some stamp PNGs I made based on stamps I’ve seen for sale before! Free to use ofc :3

82 notes · View notes

baileylockheart · 3 months ago

Text

Dog Themed Web Graphics!!

I haven't posted graphics in a long time (it's only been three days) so here's a small bundle! I'm trying to figure out what to do next, but I think these are cute :3

these are kinda silly but uhhhh yeah! puppy graphics! 🐾

f2u, no credit needed :D

159 notes · View notes

numbpilled-themes · 3 months ago

Text

DIGITAL_NECROPOLIS.exe - HTML Neocities/Nekoweb profile page template

LIVE PREVIEW

DOWNLOAD

69 notes · View notes

aoki553 · 5 days ago

Text

We Are Psychics! - The Saiki K Webring

I've opened my first webring today! If you have a personal website and love Saiki Kusuo no Ψ Nan, this is for you! We have two members so far, so I encourage you to join.

A webring is a collection of websites linked together in a circular structure. It uses a widget to connect websites and members of the webring.

#personal web #webring #html #neocities #nekoweb #indie web #web revival #anime #saiki kusuo no ψ nan #saiki kusuo no psi nan #saiki k #the disastrous life of saiki k #saiki kusuo #kusuo saiki #tdlosk

13 notes · View notes