#Web Guiding

[agentromanoffsir]

neocities guide - why you should build your own html website

do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again? try neocities!!

what is neocities?

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words: "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

why should I make my own website?

web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!! building a personal site is a great way to express yourself and take control of your online experience.

what would I even put on a website?

the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !! here are some cool example sites to inspire you: recently updated neocities sites | it can be fun to just look through these and browse people's content! space bar | local interstellar dive bar creature feature | halloween & monsters big gulp supreme peanutbuttaz | personal site dragodiluna linwood | personal site patho grove | personal site

getting started: neocities/html guide

sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating web design in 4 minutes | good for learning coding basics w3schools | html tutorials templaterr | demo & html for basic web elements eggramen test pages | css page templates to get started with sadgrl background tiles | bg tiles rivendell background tiles | more free bg tiles

fun stuff to add to your site

want your site to be cool? here's some fun stuff that i've found blinkies-cafe | fantastic blinkie maker! (run by @transbro & @graphics-cafe) gificities | internet archive of 90s/00s web gifs internet bumper stickers | web bumper stickers momg | gif gallery 99 gif shop | 3d gifs 123 guestbook | add a guestbook for people to leave messages cbox | add a live chat box moon phases | track the phases of the moon gifypet | a little clickable page pet adopt a shroom | mushroom page pet tamaNOTchi | virtual pet crossword puzzle | daily crossword imood | track your mood neko | cute cat that chases your mouse pollcode | custom poll maker website hit counter | track how many visitors you have

web revival manifestos & communities

also, there's actually a pretty cool community of people out there who want to bring joy back to the web! melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum melonland intro to web revival | what is web revival? melonking manifesto | status cafe | share your current status nightfall city | online community onio.cafe | leave a message and enjoy the ambiance sadgrl internet manifesto | yesterweb internet manifesto | sadly defunct, still a great resource reclaiming online social spaces | great manifesto on cultivating your online experience

in conclusion

i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :) say hi to me on neocities

[tutorialdrawix]

RESOURCES FOR POSES

Line of Action

JustSketch.Me

PoseManiacs

Human-Anatomy-For-Artist.com

MagicPoser

MIXAMO

Pose Archives

Bodies in Motion

Posemy.art

ReferenceAngle

CroquisCafe

[cheezitofthevalley]

a guide to internet graphics and my blog

I'll try to make this entertaining, but we have a lot to cover!

Q: Sooo... What are blinkies? Or buttons?

A: Blinkies are a type of graphic that was popular 15+ years ago on personal blogs, often on a web host called Geocities.

Geocities no longer exists, but lovers of the indie/old web use other platforms, such as the new Neocities, to make their own old web-inspired blogs. They often decorate these with collectible graphics.

Q: You haven't really answered my question. What's the difference between all of these graphics?

A: Well, there are a lot of different kinds of graphics. For the sake of time, I'll only talk about the ones I post.

Blinkies are usually 150x20 pixels, but many creators like to improve their quality by making them 300x40, or even larger. There are also some oddly-sized blinkies, like this one:

However, most blinkies adhere to the standard dimensions. Most of them also have "blinking" borders, and usually feature text.

Let's talk about buttons. Buttons are, well, buttons. This button specifically is 88x31. This seemingly random size was the standard for Geocities users back in the day, who used these buttons as a portal/advertisement to their website, as well as a way to say pretty much whatever they wanted. Lot's of companies used them as well. Here are some examples:

Not all buttons share this standard dimension, though. Here are some other possibilities:

There are variations of these, too. Some buttons look pretty weird:

...and there are blinkies called "chain blinkies" that look like something else entirely:

Q: Ok, cool. What about stamps?

A: Stamps are a bit different. They're a slighter newer thing, and were made popular on Deviantart in the early 2010's. They are traditionally 99x56 pixels, and can be used to decorate any blog or website. Here are some examples:

as you can see, they can be made with a variety of borders.

I would love to continue, but I think this is enough for today. I'll have a part two up within a couple days! Stay tuned for explanations and examples of dividers, favicons, fanlistings, web etiquette, and more!

part two!

[human-rocket]

Guiding Light | 1.0 | [next]

Also available to read on Ko-fi

**Please do not repost**

((Scene inspired by Full Moon O Sagashite vol. 3 by Arina Tanemura))

[azuremist]

A guide to all accessibility-related needs on the indie web!

I've been sharing this site around in all sorts of places, but I wanted to post it here, too - the Accessible Net Directory!

The indie web has a problem with accessibility. Namely, it seems like very few creators care to implement it. Which I get! It seems daunting to tackle at first. But also, it makes the indie web really, really difficult to traverse for disabled folks.

The Accessible Net Directory is two-fold in its uses.

1) It provides disabled people a list of safe indie sites

In order for a site to be featured on the directory, it needs to meet basic accessibility guidelines. This includes (but isn't limited to) no autoplay, unlabeled flashing images, low contrast, small / hard-to-read fonts, keyboard inaccessibility or non-described images.

Additional, non-required accessibility options for the directory are encouraged, and listed in a site's description on the directory. (Such as zoom-friendliness and different font options.)

2) It provides webmasters a ton of resources for implementing accessibility

It not only provides a list of steps one can take to make their site more accessible, but also provides the "why" of each step.

For example - one listed guideline for the directory is to use rem/em instead of px units for font sizes. Why? Well, the directory explains, "Users with low vision may need to increase the size of the text in order to be able to read and see better. Therefore it is important to always use scalable units for text."

Then, it goes on to list RESOURCES for changing px to rem/em!!

This site is an absolute treasure trove of resources for making your site accessible, and doing so with ease! I've used the resources listed to make my own site more accessible, and it's made the process seem so much more manageable!

So! If you run a personal site, then give the site a look, learn about accessibility practices, and apply them to your site! An inaccessible web is not a free web!

[ultravioletence]

New most transfemme way to read HDG just dropped. Prove me wrong.

[macbethz]

GAMES AS INTIMACY

Tomorrow and Tomorrow and Tomorrow, Gabrielle Zevin // DIE, Kieron Gillen and Stephanie Hans // Disco Elysium, ZA/UM // Existenz (1999) dir. David Cronenberg // The Beginner's Guide, Everything Unlimited Ltd // Tomorrow and Tomorrow and Tomorrow // Black Mirror "Striking Vipers," Charlie Booker // DIE concept sketches by Stephanie Hans // Minecraft End Poem, Julian Gough

[dreamerinsilico]

You’ve heard of the browser wars....

I just recently made a long-overdue defection in the search engine wars, and I’m entirely pleased with it. 

You know how shitty Google results are when you need some fairly niche information that won’t be in a Wikipedia article, mainstream news, or some shitty celebrity gossip outlet, these days?

DuckDuckGo has cleared my skin, watered my crops, etc.  I was kind of ambiently glad it existed for a long time, but was like “well, privacy good, but my infosec practices are already sketchy at best, and google’s been doing this for a long-ass time; they’re probably better at it, so why bother.”  But no, my friends, google is better at something but these days that something is delivering clickbait to your fucking eyeballs.

I was frustrated with a very specific science question the other day and getting absolutely fucking nowhere with google, swapped over to duckduckgo on a curious whim, and it... didn’t get me exactly what I needed immediately, but it did give MUCH more relevant search results than google did.  And that’s, well, because enshittification.  Maybe someday, duckduckgo will also live to see itself become the villain, but for right now, it’s fucking useful, and it is now my default search engine on every device I use (and also every work computer i have reason to touch).

[genshinimpactresources]

Genshin Impact | Wallpaper from Guide to Wondrous Sights

Cleaned and Upscaled by asddzr on bilibili

Download Link (Google Drive)

[generation-fucked-nostalgia]

Some Old Minecraft animations <3

🟩.🥘||🥚.🎂||🪧.⛏️

[somethingoranother7]

A Mustardseed webweave for @picturemecountingcards

Molly McCully Brown // unknown // solitary-sister // unknown // unknown // Marlon James // Brian Clifford // make me into something (useful) // sign crushes motorist // Boyish - Japanese Breakfast // Francisco de Zurbarán // Safa Sharfudeen

[courtingwonder]

Basic Color Theory Overview Guide With Examples

[cheezitofthevalley]

Part 1

Hi! Sorry this took so long (new job). Let's get right to it.

Q: What are dividers?

A: Dividers are any graphic that is used to divide two things, usually bodies of text. They are useful for breaking up blog posts and signalling the end of a topic. You might not have noticed, but many websites feature dividers of some kind. Bloggers, however, tend to be a bit extra about their dividers. Here are some good examples:

Q: Ok, cool. It probably wasn't necessary for you to put that many examples, but it does make it clear that dividers can be pretty much anything. Still, I think there are more graphics that you've posted. What about those tiny thingys?

A: You mean favicons? Yeah, let's talk about those.

Favicons are tiny images that represent a website or company. Any easy example is probably right in front of you, if you're on a laptop. Look at the Tumblr tab you have open; do you see the little "t" icon? That's a favicon. Favicons were originally 16x16 pixels. They can be animated.

That being said, lots of people use the term to refer to any small pixel art. These can also be called pixels.

Q: Wait. Why call pixel art a pixel? Aren't pixels single points on a screen?

A: Well, yes. And favicons are supposed to have very specific dimensions and uses, but here we are. "Pixels" can sometimes refer to tiny pixel art, usually between 16x16 and 32x32 pixels (I know, confusing) large. These pixels are often animated. I use favicons and pixels to refer to the same thing.

Q: Ok, I think I get it. But what are pixels used for? Are they essentially icons, or trademarks, like favicons?

A: Sometimes, but usually not. They are often used like bullet points in website directories or lists. I've also seen them used as emoticons, buttons, and decorations. Some people like to simply collect them.

Here are some examples of pixels/favicons:

Q: oOoOO. I like those. Is there anything else people collect?

A: Yep! Pretty much all graphics are collectible. That being said, some lack any use except to be displayed. Fanlisting buttons, for example.

Q: What are fanlistings?

A: Fanlistings were a way for fans to connect online before social media really took off. They were basically online bulletins listing contact info of the fanbases members so that you could connect with like-minded people. They aren't much of a thing now, but they do exist. People who love Spacehey and Neocities are likely to use them. You can register for some and take a button to put on your blog to let others know you're part of that fandom. It also links to the fanlisting itself for others to join. Here are some fanlisting buttons (I haven't joined any):

They are usually 50x50, but don't have to be: they can even be other graphics, like 88x31 buttons! Some other common dimensions are 75x50, 100x35, and 100x50.

In part three, we'll finish up with a couple odd graphics, some interesting old websites, and useful posting tips.

[infectedhau]

I was struck with divine inspiration

[deebrisbyfish]

Every Friday, I am now running special EXTRA content over on my Patreon for $5 backers! Exclusive extra strips, sketches, concept art and FUN STUFF just like THIS!!! Okay, THIS one I just had to share with everyone, so that you KNOW about it, but it's awesome and maybe one day, I'll actually be able to get a REAL animated special made! A girl can dream, after all! Sign up TODAY to help support the comic strip and get all the humor and heart of FINDING DEE sent to your inbox! WOOT!

[witchrealms]

(x)