tonight.

this blog’s kind of a studyblr, langblr, artblr, or anything that looks like I’m being academically motivated, productive, and creative.

[spiders-around]

YOU MUST MAKE A WEBSITE

Oh wow, look at that! YET ANOTHER post urging you to make a webbed site! What a completely new thing that people haven't made a thousand masterposts for already!!

• Making a website might look scary. It is Not.

At first, I too thought making a website was too much work. It really isn't! It turns out that all you need is

an HTML file,

a web hosting service and

w3schools tutorials,

and that's about it!

This post will point you towards these resources, and others I found useful while figuring out how to make a website.

• VERY QUICK EXPLANATIONS:

What's HTML and CSS?

HTML is the content of your webpage, the skeleton of it. What shows up in a webpage is what's written in the HTML file!

CSS is the way the HTML is styled; the colour of the background and the letters, the size of elements, the font, all that!

Do I absolutely NEED JavaScript for a website?

Not at all! You don't need to worry about learning it before getting started.

• What do I make a website for? What do I put in there?

ANYTHING AND ALMOST EVERYTHING. Here's some ideas for pages from a post of mine were I was very normal about websites:

You can make a page that's only pictures of your pets.

You can make an interactive adventure.

You can make your own academic blog full of your own essays or articles.

You can just post a ton of art or make a full music page.

You can make a blog and infodump eternally, give book reccs and reviews. You can host a thousand virtual pets and nothing else.

Upload entire books in a single html file. Make a wikipedia for your ocs. Make a fake site for a random fictional place (restaurant, hotel, whatever). You can make a thousand fanpages/shrines about your favorite media. You can upload your own webcomic and make it all like a fancy website and shit.

I could keep going but, for the sake of "brevity", I won't.

• WEBSITE EXAMPLES!

If I started listing the websites I know, this post would be bottomless. Here's only seven:

https://publictransit.neocities.org/ - A webbed site, for sure

https://ribo.zone/ - A personal site

https://leusyth.neocities.org/ - An art archive

https://solaria.neocities.org/ - Personal website with A Lot of stuff (it'll come up in a bit, because it offers web making resources)

https://hog.neocities.org/ - The Hogsite

https://thegardenofmadeline.neocities.org/ - Another personal site! It also has a web resources page and has made another masterpost like this one (but better)

https://spiders.neocities.org/ - My own website, which must be weird to see in mobile . sorry

• You've convinced me. I want a webbed site. Where do I start?

https://neocities.org/

FIRST OF ALL: Neocities. It is a free web hosting service, and it's the one I and the sites I linked use!

When I first started, my website was a black page with red letters and a drawing, and nothing else! It was like that for a month, till i started picking up on how to do things.

Here's what helped me get an idea of how to make things work:

https://sadgrl.online/learn/articles/beginners-guide-neocities

An absolute beginners guide to neocities -- while when you make an account there you get a tutorial page from the site, this one's extra support for that.

https://www.w3schools.com/

Learn HTML, CSS, JavaScript and MANY other coding things for free. All the tutorial/reference pages have live testing windows for you to mess with!! helped me a LOT while figuring this stuff out!

https://htmlcheatsheet.com/

https://htmlcheatsheet.com/css/

Cheatsheets for HTML and CSS, respectively. It includes a JavaScript one too!

https://sadgrl.online/webmastery/

Sadgrl's webmastery resources! Also includes the next resource listed here:

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

Sadgrl's layout builder; not a lot of customization at a first glance, but I've seen wildly different websites all using it as a base, plus it works using CSS Flexbox, so it generates a responsive layout!

(basically, a responsive layout is one that translates well in different sized screens)

https://www.tumblr.com/fysa/728086939730919424/wikitable-code?source=share

Tumblr user fysa made this layout imitating a wiki page!

https://brackets.io/

At some point, you might want to do things outside the Neocities code editor and get one outside the site. I recommend Brackets, because my old as fuck computer can run that and absolutely nothing else apparently, and it works wonderfully! Though I recommend either turning off the code autocomplete or using it after a good while of already using the Neocities code editor, so you get used to coding on your own.

http://www.unit-conversion.info/texttools/text-to-html/

Turn your text into HTML code! i use this kind of pages for my lengthy blog entries that I don't feel like formatting myself.

https://imagecompressor.com/

COMPRESS YOUR IMAGES.

The heavier an image is, the more your site weighs and the more time your page will spend loading. You don't want that, specially if your site is heavy on graphics. This might help!

https://solaria.neocities.org/guides

Some CSS, JavaScript and Accessibility guides! Worth checking out!

https://eloquentjavascript.net/

This is a free, interactive book for learning JavaScript! NOTE: It is very intuitive, but JavaScript is HARD!! I still haven't learned much of it, and my website does fine without so don't worry if you end up not doing much with it. It's still useful + the exercises are fun.

And now, accessories!

• Silly stuff for your page :]

https://gifypet.neocities.org/

Make a virtual pet, copy the code and paste it in your HTML file! You'll get a little guy in your webbed site :]

https://www.wikplayer.com/

Music player for your website!

http://www.mf2fm.com/rv/

JavaScript silly effects for your site :]

https://blinkies.neocities.org/geoblinkies

Blinkie search engine!

https://www.cbox.ws/

Add a chatbox to your site!!

https://momg.neocities.org/

Infinite gallery of gifs. i've spent hours in there looking at moving pictures and out of them all, the ONLY gif i actually ended up using on my site was a rotating tomato slice. it is still there. trapped.

https://wrender.neocities.org/tarotinstructions

A widget that gives you a random tarot card!

https://www.websudoku.com/widget.php

Sudoku widget!

That's about it for now! I don't know how to end this!!! Remember to have fun and google everything you don't know :]

[filippovnabey]

i wanna add hotglue.me to the ressources list!

i use hotglue.me for my personal artist website have been using it for many years now and really like it

it’s completely free, unless you want your own domain and unlimited space, then its 36€ per year (+the cost of the domain)

btw you don’t need to know any HTML to make a website with it. it’s very cute, like a collage based way of making your website, hence the name, and very 00s aesthetic vibes (but make adhere to any style/decade you like obviously). though not required to make it cool, you can apply simple HTML to your website if you want!

[themoonisnotsleepy]

my toxic trait as reader is thinking I can finish a book according to the estimated reading time shown by kindle.

(not surprisingly enough, 2 hours estimated reading time can stretched into 2 weeks, or even months)

[classicalcanvas]

Spirit (1885) by George Roux

[themoonisnotsleepy]

fuck nrimo and buat nambah pengalaman, I'm not gonna work for free.

[classicalcanvas]

Lunar night in the Constantinople (1862) by Ivan Aivazovsky

[mxrderscenes]

writing is so funny because i could write nonstop for 9hrs and then hit a block where im like "how do i transition between this moment and the next?" and then i just dont touch it for 6 months

[galadrieljones]

Serious advice tho if this happens, it's likely because you already wrote past the end of the scene and wandered too far from the more logical transition point, and you should go back to the last time the writing felt "unforced" and cut everything after.

You can also just skip the transition. Really good writing can span years in a single sentence, like you can just authoritatively state fact and your reader will go with it.

[xalphafox]

This is GOLD! You just saved me like thousands of therapy costs lmao

[headspace-hotel]

When I was writing my fic last few months the strategy I used was "just skip all the scenes I don't want to write" and it worked great in my opinion

[escuerzoresucitado]

[themoonisnotsleepy]

born to daydream, forced to work (I'm forcing myself okay)

[themoonisnotsleepy]

paham sih lek butuh proyekan’e. tapi lek soal keilmuan dan ndelok e mung nang pejabat, I was like: oalah, sak mene tok a kualitas e. opo maneh lek pejabat e gak duwe rekam jejak akademis atau kepedulian nang hal akademis. gawe opo cobak.

[themoonisnotsleepy]

I wonder what gives these people the courage to overestimate themselves when the one who actually does it well isn't even them. take a person out of your equation, out of your circle, and y'all can't do anything. I'm serious.

[huntress1013]

Qilin at the Summer Palace, Beijing

Glad I made a pic of this good boi. For me this is Xiaoge

[classicalcanvas]

Three Black Cats by Carl Kahler

[ozempicofficial]

[mariagoesmed]

Working on my thesis and trying to beat this heat😮‍💨😮‍💨😮‍💨😮‍💨

[readtheuniverse]

[themoonisnotsleepy]

when I created this blog, I was like: nice, finally a dedicated blog where I will write in a structured manner, like the committed academic I am.

yeah, we ditched that idea now. I cannot, for the love of me, hold myself back from rb-ing or posting stuff the way I usually did in my tumblr fandom blogs.

[themoonisnotsleepy]

these people should be grateful that I am THIS committed. because with what I'm capable of, this is basically me doing charity. and for that, it's not their place to demand me anything.