#open folder: fun

[bunnydevs]

[bunnydevs]

[bunnydevs]

Hiii! Really sorry if you've been asked this already (if so, could you kindly direct me to that post, please?) but how does one get into coding? I've had several attempts but it's all too overwhelming and I don't want to invest money into it yet. Nice blog!

Hiiya !! Please don't apologize ~ I love sharing and getting asks◝(ᵔᗜᵔ)◜. So there's a few things you should understanding about code/programming.

The first is that you don't need to spend money to get started by any means. If this is just a hobby for you please don't worry about money. I do recommend using a laptop or computer rather than a phone. However if you only have a phone, it can work in a pinch. It's just.. much slower and more difficult if i'm being quite honest.

Now we can get into the nitty gritty ! You need to identify what kinda stuff you wanna build and why. That's important for development roadmaps. As an example: building a game using free resources online will have a completely different language used than building a neocities site. BUT, here's my recommendations.

-> start small : html + css is a great way to get started for beginners. This is all it takes to build a cute site on neocities. It may not necessarily function (e.g. clicking a button won't make a popup appear) but it helps you wrap your mind around how things work.

-> tutorial hell : nearly everyone goes through this at some point. This is a phase in which you watch + follow tons of tutorials but if a blank document is in front of you.... you understand nothing. Avoid this by : ..leaving comments within your code ..trying to build something yourself first and then using a tutorial ..watch the tutorial, take notes, then try to do it yourself

"But how do I actually start?"

If you're going the neocities route to begin...

step one: download visual studio code + sign up for neocities step two: follow any html course online (i used codecademy) step three: look for website inspo (like carrds on pinterest etc) and design your website in figma (or use someone elses base) step four: create a folder labeled "neocities site" and inside that folder create two more. one labeled "img" and another labeled "misc assets" step five: open visual studio code and paste an html boilerplate in, then start typing.

this sets an organized way to manage assets like icons, gifs, color palettes etc in your visual studio. it will help you massively to stay organized. you will run into many many roadblocks which is completely normal.

Check out by studystack here! I definitely recommend keeping something like w3 schools open in a tab so you can navigate through and look up tutorials. There's also LOTS of resources on codepen, github, etc. If you use something like that, I highly recommend you leave notes in your code so that you don't get lost and you learn about what you're putting down.

And I'll also be making a few little tutorial posts + note posts soon.

Other resources include: harvard's free cs50 course cs50's intro to game development @izzycodes (she has SO many resource posts !!)

I hope you have a wonderful day, please feel free to send asks with any other questions or notes you've got !! You TOTALLY have this.

[bunnydevs]

made my editor cute today ! I've got two little VS code pets running around while I work on my newest project.

[bunnydevs]

꒰ᐢ. .ᐢ꒱₊˚⊹ sept. 10 2025

I spent most of Wednesday working hard on a small side project of mine. It's been quite some time, so, my skills are rusty. Most definitely still struggle with CSS positions & alignment despite learning them... *squints at page* thirteen bajillion times. Still figuring it all out and that's totally normal, it'll take time. Unfortunately I'm out of one of my medications so my focus wasn't all there and I needed breaks frequently. I also made a cute gif and used someone's codepen as a resource ~!

stats

𖦹 ~5.5-6 combined hours studying / project work / related tasks 𖦹 playlist: nostalgic pokemon music 8hrs 𖦹 project status: ongoing | design : 75% complete | development: 25% complete 𖦹 resources: @dagrand39's sparkle txt generator | win 98/95 popup codepen

[bunnydevs]

[bunnydevs]

Finally going to work on my neocities again~! Right now it's not interactive. I have to add more content and add a lot of different little items. Also need to work on some JS for it.

[bunnydevs]

[GoogleDocs Link] -> pictures are not the full document, just a snippet!

Hello! I've made a fairly detailed planning tutorial based off of backwards planning + character creation. You start off by imagining a character who already completed all of your goals. By the end you have a 12 week framework including bite sized tasks + one habit per week to hit your one year goals. You can use short term + long term goals with this and adjust it to your needs. There's also a little bit of "gamification" to this, you can either ignore it or you can go with it. It's up to you! I figured I'd share. I originally created this for myself (it's easier for me to conceptualize things if I pretend I'm teaching someone). But I thought someone else may struggle with planning without a guide/template. So.

If you need a printable / ipad chore chart you'd like to use in conjunction with this, here is a free set I posted. I might make a printable version of this soon :0 We will see! Feel free to send me an ask for any questions you might have regarding this / ways to make this easier for you to carry out.