kris

hellloooo we update in 2 hours :D

KRIS GRAPHICS 💙

f2u with proper credit. art credit. psd credit. all else official material.

Hi.twiSLOP art i drew..ok...twirls hair nervously

🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔

📍SlopslopCHECKASLOPslop

here's a list of resources from a person that knows jack shit about coding

1. INTENT

first and foremost you need to know why you're making a website. do you want it to be your portfolio, a blog or an art project? the tools for your website will vary depending on your intent. i made my website as a personal blog + art gallery + place where i put all the info on my characters, so the resources will mostly be for that

during this step you need to figure out what you want on your website, page by page. usually you always have a home page, an about page and sometimes a guestbook, other stuff varies.

2. DESIGN

after you have figured out the list of pages for your website, you can start designing. try your best not to make a complicated design, since you will be in hell trying to backend it.

i searched for websites i liked and put screenshots of them in milanote, so that i had like a moodboard of them.

during this step you need to figure out:

- the main palette of your website

- the layout of your website

- fonts you want to use

if you're bold enough you can make a prototype in figma, but for complete beginners even a sketch in your notebook will do.

* for fonts: try to use no more than 3 fonts to make your design cohesive. you can break this rule if that's the style you're going for (like some art projects or personal websites that are trying to emulate the designs of web 1.0)

3. BUILDING

if you're looking for website builders and want to take the easy way out - there's hotglue, a website builder like tilda or wordpress. as far as i understand you build and host your website right there. no coding is required - everything is done through dragging and dropping images, text, etc.

however i advise you to either host a website yourself or use nekoweb. [i was talking about neocities and ai here but i was wrong. use anything you like more] in any case i use nekoweb and so far i like it a lot

so for that you can:

- use templates (a number of free templates is listed here). you will need to do just a bit of coding, but usually template makers give very detailed comments on how to edit their templates. you can edit everything in vscode or online in codepen.

- use websites that help you generate code from your layout: like nekogrape. here you set your website like you want by dragging and dropping blocks and then you copy the code and put it in nekoweb.

4. TIME

you should understand that making a website takes quite some time and generally you will probably always be working on it - editing, adding and removing stuff, making it more accessible. and that's okay - that's literally what makes it so special. so don't worry about making it perfect from the first try - just make it exist first.

5. CODING?

a lot of stuff can be done only through coding (like flashy animations and some effects) and generally i really advise you to learn the basics

html/css is not that complicated especially with the right resources, css is slightly broken but you can figure out how to work with it through trial and error.

here are some books and websites that you can use to learn html/css:

- freecodecamp - a free course to learn the basics

- interneting is hard - an online textbook on html/css

- w3schools - a big wiki on everything html/css related

6. MORE STUFF!!

now that you have the basic outline of your website and you know some stuff on html/css here's a list of resources that you can use to make your website more pretty or more aligned with what you want from it:

parts of your website:

- art gallery

- comments

- a live chat

- guest book from the founder of nekoweb

graphics:

- blinkies

- a cat that follows your mouse

- javascript effects for text or mouse

- old web banners

i will try to update this list as i find more stuff but for now this is something i used/plan to use

after you make your website i would also recommend setting up an rss feed but i don't know how to do it yet so i will come back to you when i've set up my own. : )

decided to make a little masterpost of all my resources. if you like, follow me on neocities / buy me a coffee!

First Steps

How to create your first website

Common Questions

Common Mistakes

Code Quality Guide

Troubleshooting Guide

Performance Guide

Neocities Tips

Beginner Tutorials

How to load the same layout on every page

CSS Positioning/Layout Tutorial

Cachebusting

Custom Font Tutorial

JavaScript Beginner Tutorial

Sound Effect Tutorial

Tools etc.

Layout Generator

Widgets for free Neocities accounts

Cheatsheet

Helpful Sites

Self-study Checklist

Coding Quizzes

Code Snippets

CSS Image Filters

My VSCode Setup

Preview Plugin

Webring Script

Lists

List of Cliques

List of Webrings

Advanced Tutorials

Git Tutorial

node/npm tutorial

Webpack Tutorial

Eleventy (11ty) Tutorial

Google Sheets API Tutorial

I know HTML, CSS, and JS. Now what?

> I Have played most of these but some I haven’t. . But !! I’ve heard about them! PLUS! I tried going for games any ages would enjoy! Sorry of some of them are more babyish .. 💧

> the ones in bold are my personal favorite! + I will add more onto this list if you suggest anything :D!

> PKXD — extremely fun game !! Like genuinely my favorite game to play !!

> Happy pet story: Virtual pet

> My virtual pet shop: Vet

> Vlogger go viral YouTube life

> Bluey: Let’s play!

> Moshi play: games for kids!

> My little pony Rainbow runners.

> Minecraft — (Paid)

> The blockheads — I’m pretty sure it’s similar to minecraft (?)

> Geo dash

> Rooms — fun way to design rooms & stuff !! Agere / petre rooms for you or characters!!

> TMNT: Shredder’s Revenge

> Roblox!

^ I know the roblox situation is extremely bad right now .. especially with how age regressors are being treated so please stay safe if you have a little avatar / Playing agere games .. your regression is completely valid and not gross !! Do not listen to anyone !!

> Pocket Love!

> purrfect tale!

> My playhome plus — Free But the other apps are paid .

> Happy daycare: Toddler games.

> Miffy’s world!

> Strawberry shortcake bake shop!

> Hello kitty nail salon.

> Spongebob: Cook-off simulator

> Drop the cat

> Toca Boca world — I USED TO BE CRAZY ABOUT THIS GAME !!!

> Doll house: Decorate & design

> Animal jam

> Webkinz Classic!

> Pet pal Paw

> Line up: Draw the criminal!

> PAW patrol rescue world

> Transformers Rescue bots hero!

> Fuzzy house LITE

> My very hungry caterpillar

> Doctor dentist games for kids

> Car-wash by happytouch!

> Kids colouring book: Baby game.

> Happy color colour by Numbers!

> Cbeebies Playtime Island

> Sesame Street Games club!

> sonic Dash-run!

> Crossy road!

> Cats & soup

> Axolochi!

> Dottie Lottie chicken!

> My tamagotchi forever!

> Deco Master - DIY PEN ASMR

> Kids-E-Cats ! — Really any of their games!

> Gabbys dollhouse Cat games!

> Hello kitty beauty salon

> Animal crossing: Pocket camp!

- I don’t personally play horror games, not that into it LOL .. But! I know some people are so here’s some suggestions by another user, check em out!

> Horror games!

. . . These next games aren’t necessarily that much of games and moreso educational ! ! !

> Edurino

> gogh - Focus with your avatar

> Starfall — extremely FAV!!

> Hopster: Pre-school games & tv.

> Hopster: coding safari for kids.

> Dr. panda - Learn & Play

> BrainPOP & BrainPOP Jr. (Two different apps)

> Dr Seuss Treasury Kids books !

PLUS ! A couple Browser games you might enjoy !!

I got all of these from a buncha different tumblr users!

> PBS KIDS

> GIRLS GO GAME!

> COOL MATH GAMES !

> NUMUKI!

> ABCYA

> HIGHLIGHTS KIDS!