#here i know html css and javascript i can do that for you

[impishtubist]

See promising job posting on company website

Tailor cover letter and resume to match job requirements

Click "apply"

"This job is no longer available"

Rinse and repeat

[komaedalovemail]

komaedas have you tried straw.page?

(i hope you don't mind if i make a big ollllle webdev post off this!)

i have never tried straw.page but it looks similar to carrd and other WYSIWYG editors (which is unappealing to me, since i know html/css/js and want full control of the code. and can't hide secrets in code comments.....)

my 2 cents as a web designer is if you're looking to learn web design or host long-term web projects, WYSIWYG editors suck doodooass. you don't learn the basics of coding, someone else does it for you! however, if you're just looking to quickly host images, links to your other social medias, write text entries/blogposts, WYSIWYG can be nice.

toyhouse, tumblr, deviantart, a lot of sites implement WYSIWYG for their post editors as well, but then you can run into issues relying on their main site features for things like the search system, user profiles, comments, etc. but it can be nice to just login to your account and host your information in one place, especially on a platform that's geared towards that specific type of information. (toyhouse is a better example of this, since you have a lot of control of how your profile/character pages look, even without a premium account) carrd can be nice if you just want to say "here's where to find me on other sites," for example. but sometimes you want a full website!

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

neocities hosting

currently, i host my website on neocities, but i would say the web2.0sphere has sucked some doodooass right now and i'm fiending for something better than it. it's a static web host, e.g. you can upload text, image, audio, and client-side (mostly javascript and css) files, and html pages. for the past few years, neocities' servers have gotten slower and slower and had total blackouts with no notices about why it's happening... and i'm realizing they host a lot of crypto sites that have crypto miners that eat up a ton of server resources. i don't think they're doing anything to limit bot or crypto mining activity and regular users are taking a hit.

↑ page 1 on neocitie's most viewed sites we find this site. this site has a crypto miner on it, just so i'm not making up claims without proof here. there is also a very populated #crypto tag on neocities (has porn in it tho so be warned...).

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

dynamic/server-side web hosting

$5/mo for neocities premium seems cheap until you realize... The Beautiful World of Server-side Web Hosting!

client-side AKA static web hosting (neocities, geocities) means you can upload images, audio, video, and other files that do not interact with the server where the website is hosted, like html, css, and javascript. the user reading your webpage does not send any information to the server like a username, password, their favourite colour, etc. - any variables handled by scripts like javascript will be forgotten when the page is reloaded, since there's no way to save it to the web server. server-side AKA dynamic web hosting can utilize any script like php, ruby, python, or perl, and has an SQL database to store variables like the aforementioned that would have previously had nowhere to be stored.

there are many places in 2024 you can host a website for free, including: infinityfree (i use this for my test websites :B has tons of subdomains to choose from) [unlimited sites, 5gb/unlimited storage], googiehost [1 site, 1gb/1mb storage], freehostia [5 sites/1 database, 250mb storage], freehosting [1 site, 10gb/unlimited storage]

if you want more features like extra websites, more storage, a dedicated e-mail, PHP configuration, etc, you can look into paying a lil shmoney for web hosting: there's hostinger (this is my promocode so i get. shmoney. if you. um. 🗿🗿🗿) [$2.40-3.99+/mo, 100 sites/300 databases, 100gb storage, 25k visits/mo], a2hosting [$1.75-12.99+/mo, 1 site/5 databases, 10gb/1gb storage], and cloudways [$10-11+/mo, 25gb/1gb]. i'm seeing people say to stay away from godaddy and hostgator. before you purchase a plan, look up coupons, too! (i usually renew my plan ahead of time when hostinger runs good sales/coupons LOL)

here's a big webhost comparison chart from r/HostingHostel circa jan 2024.

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

domain names

most of the free website hosts will give you a subdomain like yoursite.has-a-cool-website-69.org, and usually paid hosts expect you to bring your own domain name. i got my domain on namecheap (enticing registration prices, mid renewal prices), there's also porkbun, cloudflare, namesilo, and amazon route 53. don't use godaddy or squarespace. make sure you double check the promo price vs. the actual renewal price and don't get charged $120/mo when you thought it was $4/mo during a promo, certain TLDs (endings like .com, .org, .cool, etc) cost more and have a base price (.car costs $2,300?!?). look up coupons before you purchase these as well!

namecheap and porkbun offer something called "handshake domains," DO NOT BUY THESE. 🤣🤣🤣 they're usually cheaper and offer more appealing, hyper-specific endings like .iloveu, .8888, .catgirl, .dookie, .gethigh, .♥, .❣, and .✟. I WISH WE COULD HAVE THEM but they're literally unusable. in order to access a page using a handshake domain, you need to download a handshake resolver. every time the user connects to the site, they have to provide proof of work. aside from it being incredibly wasteful, you LITERALLY cannot just type in the URL and go to your own website, you need to download a handshake resolver, meaning everyday internet users cannot access your site.

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

hosting a static site on a dynamic webhost

you can host a static (html/css/js only) website on a dynamic web server without having to learn PHP and SQL! if you're coming from somewhere like neocities, the only thing you need to do is configure your website's properties. your hosting service will probably have tutorials to follow for this, and possibly already did some steps for you. you need to point the nameserver to your domain, install an SSL certificate, and connect to your site using FTP for future uploads. FTP is a faster, alternative way to upload files to your website instead of your webhost's file upload system; programs like WinSCP or FileZilla can upload using FTP for you.

if you wanna learn PHP and SQL and really get into webdev, i wrote a forum post at Mysidia Adoptables here, tho it's sorted geared at the mysidia script library itself (Mysidia Adoptables is a free virtual pet site script, tiny community. go check it out!)

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

file storage & backups

a problem i have run into a lot in my past like, 20 years of internet usage (/OLD) is that a site that is free, has a small community, and maybe sounds too good/cheap to be true, has a higher chance of going under. sometimes this happens to bigger sites like tinypic, photobucket, and imageshack, but for every site like that, there's like a million of baby sites that died with people's files. host your files/websites on a well-known site, or at least back it up and expect it to go under!

i used to host my images on something called "imgjoe" during the tinypic/imageshack era, it lasted about 3 years, and i lost everything hosted on there. more recently, komaedalovemail had its webpages hosted here on tumblr, and tumblr changed its UI so custom pages don't allow javascript, which prevented any new pages from being edited/added. another test site i made a couple years ago on hostinger's site called 000webhost went under/became a part of hostinger's paid-only plans, so i had to look very quickly for a new host or i'd lose my test site.

if you're broke like me, looking into physical file storage can be expensive. anything related to computers has gone through baaaaad inflation due to crypto, which again, I Freaquing Hate, and is killing mother nature. STOP MINING CRYPTO this is gonna be you in 1 year

...um i digress. ANYWAYS, you can archive your websites, which'll save your static assets on The Internet Archive (which could use your lovely donations right now btw), and/or archive.today (also taking donations). having a webhost service with lots of storage and automatic backups can be nice if you're worried about file loss or corruption, or just don't have enough storage on your computer at home!

if you're buying physical storage, be it hard drive, solid state drive, USB stick, whatever... get an actual brand like Western Digital or Seagate and don't fall for those cheap ones on Amazon that claim to have 8,000GB for $40 or you're going to spend 13 days in windows command prompt trying to repair the disk and thenthe power is gong to go out in your shit ass neighvborhood and you have to run it tagain and then Windows 10 tryes to update and itresets the /chkdsk agin while you're awayfrom town nad you're goig to start crytypting and kts just hnot going tot br the same aever agai nikt jus not ggiog to be the saeme

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

further webhosting options

there are other Advanced options when it comes to web hosting. for example, you can physically own and run your own webserver, e.g. with a computer or a raspberry pi. r/selfhosted might be a good place if you're looking into that!

if you know or are learning PHP, SQL, and other server-side languages, you can host a webserver on your computer using something like XAMPP (Apache, MariaDB, PHP, & Perl) with minimal storage space (the latest version takes up a little under 1gb on my computer rn). then, you can test your website without needing an internet connection or worrying about finding a hosting plan that can support your project until you've set everything up!

there's also many PHP frameworks which can be useful for beginners and wizards of the web alike. WordPress is one which you're no doubt familiar with for creating blog posts, and Bluehost is a decent hosting service tailored to WordPress specifically. there's full frameworks like Laravel, CakePHP, and Slim, which will usually handle security, user authentication, web routing, and database interactions that you can build off of. Laravel in particular is noob-friendly imo, and is used by a large populace, and it has many tutorials, example sites built with it, and specific app frameworks.

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

addendum: storing sensitive data

if you decide to host a server-side website, you'll most likely have a login/out functionality (user authentication), and have to store things like usernames, passwords, and e-mails. PLEASE don't launch your website until you're sure your site security is up to snuff!

when trying to check if your data is hackable... It's time to get into the Mind of a Hacker. OWASP has some good cheat sheets that list some of the bigger security concerns and how to mitigate them as a site owner, and you can look up filtered security issues on the Exploit Database.

this is kind of its own topic if you're coding a PHP website from scratch; most frameworks securely store sensitive data for you already. if you're writing your own PHP framework, refer to php.net's security articles and this guide on writing an .htaccess file.

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

but. i be on that phone... :(

ok one thing i see about straw.page that seems nice is that it advertises the ability to make webpages from your phone. WYSIWYG editors in general are more capable of this. i only started looking into this yesterday, but there ARE source code editor apps for mobile devices! if you have a webhosting plan, you can download/upload assets/code from your phone and whatnot and code on the go. i downloaded Runecode for iphone. it might suck ass to keep typing those brackets.... we'll see..... but sometimes you're stuck in the car and you're like damn i wanna code my site GRRRR I WANNA CODE MY SITE!!!

↑ code written in Runecode, then uploaded to Hostinger. Runecode didn't tell me i forgot a semicolon but Hostinger did... i guess you can code from your webhost's file uploader on mobile but i don't trust them since they tend not to autosave or prompt you before closing, and if the wifi dies idk what happens to your code.

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

ANYWAYS! HAPPY WEBSITE BUILDING~! HOPE THIS HELPS~!~!~!

-Mod 12 @eeyes

[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 :]

[dervampireprince]

so i've been coding a website

home of: the dervampireprince fanart museum, prince's art gallery, a masterlist of resources for making websites and list of web communities, and more!

[18+, minors dni (this blog is 18+ and the art gallery and art museum pages on my site have some 18+ only artworks)]

littlevampire . neocities . org (clickable link in pinned post labelled 'website')

if you don't follow me on twitch or aren't in my discord, you might not know i've been coding my own website via neocities since june 2024. it's been a big labour of love, the only coding i'd done before is a little html to customize old tumblr themes, so i've learnt a lot and i've been having so much fun. i do link to it on my carrds but not everyone will know that the icon of a little cat with a wrench and paintbrush is the neocities logo, or even what neocities is.

neocities is a free website builder, but not like squarespace or wix that let you build a website from a template with things you can drag in, it's all done with html and css code (and you can throw in javascript if you wanna try hurting your brain /hj). i love the passion people have for coding websites, for making their own websites again in defiance of social medias becoming less customisable and websites looking boring and the same as each other. people's neocities sites are so fun to look through, looking at how they express themselves, their art galleries, shrines to their pets or favourite characters or shows or toys or places they've been.

why have i been making a website this way?

well i used to love customising my tumblr theme back when clicking on someone's username here took you to their tumblr website, their username . tumblr . com link that you could edit and customise with html code. now clicking a username takes you to their mobile page view, a lot of users don't even know you can have a website with tumblr, the feature to have a site became turned off by default, and i've heard from some users that they might have to pay to unlock that feature.

i've always loved the look of old geocities and angelfire websites, personalised sites, and i've grown tired of every social media trying to look the same as each other, remove features that let users customise their profiles and pages more. and then i found out about neocities.

are you interested in making a site too?

neocities is free, though you can pay to support them. there is no ads, no popups, they have no ai tool scraping their sites, no tos that will change to suddenly stop allow 18+ art. unlike other website hosters, neocities does have a sort of social media side where you do have a profile and people can follow you and leave comments on your site and like your updates, but you can ignore this if you want, or use it to get to know other webmasters.

to quote neocities "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."

i'd so encourage anyone interested to try making a website with neocities. w3schools is an excellent place to start learning coding, and there are free website templates you can copy and paste and use (my site is built off two different free codes, one from fujoshi . nekoweb . org and the other from sadgrl's free layout builder tool).

your site can be for anything:

a more fun and interactive online business card (rather than using carrd.co or linktree)

a gallery of your art/photos/cosplays/etc

a blog

webshrines to your a character, film, song, game, toy, hobby, your pet - anything can be a shrine!

a catalogue/database/log of every film you've watched, every place you've visited, birds you've seen, plushies you own, every blinkie gif you have saved, your ocs and stories, etc

hosting a webcomic

a fanwiki/fansite that doesn't have endless ads like fandom . com does (i found a cool neocities fansite for rhythm game series pop'n music and it's so thorough, it even lists all the sprites and official art for every character)

i follow a website that just reviews every video game based on whether or not it has a frog in it, if the frog is playable, if you can be friends with it. ( frogreview . neocities . org )

the only html i knew how to write before starting is how to paragraph and bold text. and now i have a whole site! and i'm still working on new stuff for it all the time.

i just finished making a page on my website called 'explore the web'. this page lists everything you might need to know when wanting to make or decorate your website. it lists:

other neocities sites i think are cool and i'm inspired by, check them out for more ideas of what your site could look like and contain!

website building resources

coding help and tutorials

free website html code layouts you can use if you don't want too start coding from scratch

places to find graphics and decorative images for your site (transparent background pngs, pixels, favicons, stamps, blinkies, buttons, userboxes, etc)

image generators for different types of buttons and gifs (88x31 buttons, tiny identity buttons, heart locket open gifs, headpat gifs)

widgets and games and interactive elements you can add to your site (music players, interactive pets like gifypet and tamanotchi, hit counters, games like pacman and crosswords, guestbooks and chatboxes, etc)

web manifestos, guides, introductions and explanations of webmastering and neocities (some posts made by other tumblr users here are what made me finally want to make my own site and discover how too)

art tools, resources and free drawing programs

web communities! webrings, cliques, fanlistings, pixel clubs (pixel art trades) and more!

other fun sites that didn't fit in the other categories like free sheet music sites, archives, egotistical.goat (see a tumblr users audio posts/reblogs as a music playlist), soul void (a wonderful free to play video game i adore), an online omnichord you can play, and more.

i really hope the 'explore the web' page is helpful, it took three days to track down every link and find resources to add.

and if you want to check out my site there's more than just these pages. like i said in the beginning, i recently finished making:

the dervampireprince fanart museum

every piece of fanart i've received (unless the sender asked me to keep it private) has been added to this museum and where possible links back to the original artists post of that art (a lot the art was sent to me via discord so i can't link to the original post). every piece of fanart sent to me now will be added on their unless you specifically say you don't want it going on there. there's also links to my fanworks guide on there and how to send me fanart.

other pages on my site

about me (including favourite media, quizzes, comfort characters, kins, and more)

art gallery (art i've made, sorted by month)

graphics (so far it's just stamps i've made but plan to remake this section of my site)

media log (haven't started the 2025 one yet, but a log of all films, tv, writing, music, theatre, fandoms, characters and ships i got into in 2024)

silly web pets

shrines

site map

update log

my shrines so far:

i have ones for lucifer from supernatural, sam winchester from supernatural, charuca minifigures (arcade prizes i wanted as a kid that i'm trying to finish collecting as an adult), my waifuroulette discord tcg collection. my masterlist of every lgbt+ marvel character is a wip. i love making each shrine look different and suit the character/fandom/thing the shrine is about. and then there's also:

the european musical section

i ramble about them a lot and it's no surprise there's multiple shrines for them. i fell in love with german musical theatre in 2020 and that expanded in being interested in all non-english language musical theatre and trying to spread the word of it and how they deserve to be as known as english-language musicals. one musical in particular, elisabeth das musical, is my biggest special interest so expect a very detailed shrine about that one day.

so far this part of the site includes

'enter the theatre' an interactive web theatre where you choose a ticket and that musical will play on the stage (click a ticket and the embedded youtube video for that musical will appear on the stage and play. i dealt with javascript for the first time to bring the vision i had for this page alive, it might be slow but i hope enjoyable)

elisabeth das musical webshrine [not made yet]

tanz der vampire webshrine [not made yet, might abandon the idea]

my favourite european musicals [not made yet]

a masterlist of european musicals [a wip, only two musicals listed so far, i am listing every musical and every production they've had, this was a word document i kept for a long time that i always wanted to share somehow and this page is how i'll do it. there's no other list for european musicals out there so i guess it's up to me as always /lh]

the future for my site

i will update my art gallery, the fanart museum, my media log and other collections as often as i can. there's so many more pages i want to add including:

profiles for my ocs

finish my european musical masterlist

finish my 'every marvel lgbt+ character' masterlist (i have no love for marvel or disney's lgbt+ representation nor are all of these characters good representation and a lot are very minor characters, but for some reason i have gotten hyperfixated on this topic a few times so here comes a masterlist)

make shrines for loki (marvel), ares (hades), my sylvanian families collection, vocaloid (and/or vocaloid medleys), my plushie collection, pullip dolls

make a 'page not found' page

and i have one big plan to essentially make a site within a site, and make a website for my monster boy band ocs. but make it as if it was a real band, an unfiction project (think like how welcome home's website portrays welcome home as if it was a real show). this site would have pages for the band members, their albums, merch and maybe a pretend shop, and a fake forum where you could see other characters in the story talking and click on their profiles to find out more about them. and then once that's all done i want to start posting audios about the characters and then people can go to the website to find out more about them. that's my big plan anyway. i hope that sounds interesting.

i also want to make an effort to try and join some website communities. be brave and apply for some webrings and fanlistings, and make some pixel art and join some of the amazing pixel clubs out there.

but yeah, that's my site, that's neocities. i hope that was interesting. i hope it encourages people to make their own site, or at least look at other's small websites and explore this part of the internet. and if you go and check out mine feel free to drop a message in the guestbook on the homepage, or follow me on neocities if you have/make an account.

[codingquill]

JavaScript Fundamentals

I have recently completed a course that extensively covered the foundational principles of JavaScript, and I'm here to provide you with a concise overview. This post will enable you to grasp the fundamental concepts without the need to enroll in the course.

Prerequisites: Fundamental HTML Comprehension

Before delving into JavaScript, it is imperative to possess a basic understanding of HTML. Knowledge of CSS, while beneficial, is not mandatory, as it primarily pertains to the visual aspects of web pages.

Manipulating HTML Text with JavaScript

When it comes to modifying text using JavaScript, the innerHTML function is the go-to tool. Let's break down the process step by step:

Initiate the process by selecting the HTML element whose text you intend to modify. This selection can be accomplished by employing various DOM (Document Object Model) element selection methods offered by JavaScript ( I'll talk about them in a second )

Optionally, you can store the selected element in a variable (we'll get into variables shortly).

Employ the innerHTML function to substitute the existing text with your desired content.

Element Selection: IDs or Classes

You have the opportunity to enhance your element selection by assigning either an ID or a class:

Assigning an ID:

To uniquely identify an element, the .getElementById() function is your go-to choice. Here's an example in HTML and JavaScript:

HTML:

<button id="btnSearch">Search</button>

JavaScript:

document.getElementById("btnSearch").innerHTML = "Not working";

This code snippet will alter the text within the button from "Search" to "Not working."

Assigning a Class:

For broader selections of elements, you can assign a class and use the .querySelector() function. Keep in mind that this method can select multiple elements, in contrast to .getElementById(), which typically focuses on a single element and is more commonly used.

Variables

Let's keep it simple: What's a variable? Well, think of it as a container where you can put different things—these things could be numbers, words, characters, or even true/false values. These various types of stuff that you can store in a variable are called DATA TYPES.

Now, some programming languages are pretty strict about mentioning these data types. Take C and C++, for instance; they're what we call "Typed" languages, and they really care about knowing the data type.

But here's where JavaScript stands out: When you create a variable in JavaScript, you don't have to specify its data type or anything like that. JavaScript is pretty laid-back when it comes to data types.

So, how do you make a variable in JavaScript?

There are three main keywords you need to know: var, let, and const.

But if you're just starting out, here's what you need to know :

const: Use this when you want your variable to stay the same, not change. It's like a constant, as the name suggests.

var and let: These are the ones you use when you're planning to change the value stored in the variable as your program runs.

Note that var is rarely used nowadays

Check this out:

let Variable1 = 3; var Variable2 = "This is a string"; const Variable3 = true;

Notice how we can store all sorts of stuff without worrying about declaring their types in JavaScript. It's one of the reasons JavaScript is a popular choice for beginners.

Arrays

Arrays are a basically just a group of variables stored in one container ( A container is what ? a variable , So an array is also just a variable ) , now again since JavaScript is easy with datatypes it is not considered an error to store variables of different datatypeslet

for example :

myArray = [1 , 2, 4 , "Name"];

Objects in JavaScript

Objects play a significant role, especially in the world of OOP : object-oriented programming (which we'll talk about in another post). For now, let's focus on understanding what objects are and how they mirror real-world objects.

In our everyday world, objects possess characteristics or properties. Take a car, for instance; it boasts attributes like its color, speed rate, and make.

So, how do we represent a car in JavaScript? A regular variable won't quite cut it, and neither will an array. The answer lies in using an object.

const Car = { color: "red", speedRate: "200km", make: "Range Rover" };

In this example, we've encapsulated the car's properties within an object called Car. This structure is not only intuitive but also aligns with how real-world objects are conceptualized and represented in JavaScript.

Variable Scope

There are three variable scopes : global scope, local scope, and function scope. Let's break it down in plain terms.

Global Scope: Think of global scope as the wild west of variables. When you declare a variable here, it's like planting a flag that says, "I'm available everywhere in the code!" No need for any special enclosures or curly braces.

Local Scope: Picture local scope as a cozy room with its own rules. When you create a variable inside a pair of curly braces, like this:

//Not here { const Variable1 = true; //Variable1 can only be used here } //Neither here

Variable1 becomes a room-bound secret. You can't use it anywhere else in the code

Function Scope: When you declare a variable inside a function (don't worry, we'll cover functions soon), it's a member of an exclusive group. This means you can only name-drop it within that function. .

So, variable scope is all about where you place your variables and where they're allowed to be used.

Adding in user input

To capture user input in JavaScript, you can use various methods and techniques depending on the context, such as web forms, text fields, or command-line interfaces.We’ll only talk for now about HTML forms

HTML Forms:

You can create HTML forms using the &lt;;form> element and capture user input using various input elements like text fields, radio buttons, checkboxes, and more.

JavaScript can then be used to access and process the user's input.

Functions in JavaScript

Think of a function as a helpful individual with a specific task. Whenever you need that task performed in your code, you simply call upon this capable "person" to get the job done.

Declaring a Function: Declaring a function is straightforward. You define it like this:

function functionName() { // The code that defines what the function does goes here }

Then, when you need the function to carry out its task, you call it by name:

functionName();

Using Functions in HTML: Functions are often used in HTML to handle events. But what exactly is an event? It's when a user interacts with something on a web page, like clicking a button, following a link, or interacting with an image.

Event Handling: JavaScript helps us determine what should happen when a user interacts with elements on a webpage. Here's how you might use it:

HTML:

<button onclick="FunctionName()" id="btnEvent">Click me</button>

JavaScript:

function FunctionName() { var toHandle = document.getElementById("btnEvent"); // Once I've identified my button, I can specify how to handle the click event here }

In this example, when the user clicks the "Click me" button, the JavaScript function FunctionName() is called, and you can specify how to handle that event within the function.

Arrow functions : is a type of functions that was introduced in ES6, you can read more about it in the link below

If Statements

These simple constructs come into play in your code, no matter how advanced your projects become.

If Statements Demystified: Let's break it down. "If" is precisely what it sounds like: if something holds true, then do something. You define a condition within parentheses, and if that condition evaluates to true, the code enclosed in curly braces executes.

If statements are your go-to tool for handling various scenarios, including error management, addressing specific cases, and more.

Writing an If Statement:

if (Variable === "help") { console.log("Send help"); // The console.log() function outputs information to the console }

In this example, if the condition inside the parentheses (in this case, checking if the Variable is equal to "help") is true, the code within the curly braces gets executed.

Else and Else If Statements

Else: When the "if" condition is not met, the "else" part kicks in. It serves as a safety net, ensuring your program doesn't break and allowing you to specify what should happen in such cases.

Else If: Now, what if you need to check for a particular condition within a series of possibilities? That's where "else if" steps in. It allows you to examine and handle specific cases that require unique treatment.

Styling Elements with JavaScript

This is the beginner-friendly approach to changing the style of elements in JavaScript. It involves selecting an element using its ID or class, then making use of the .style.property method to set the desired styling property.

Example:

Let's say you have an HTML button with the ID "myButton," and you want to change its background color to red using JavaScript. Here's how you can do it:

HTML: <button id="myButton">Click me</button>

JavaScript:

// Select the button element by its ID const buttonElement = document.getElementById("myButton"); // Change the background color property buttonElement.style.backgroundColor = "red";

In this example, we first select the button element by its ID using document.getElementById("myButton"). Then, we use .style.backgroundColor to set the background color property of the button to "red." This straightforward approach allows you to dynamically change the style of HTML elements using JavaScript.

[sebstanaddict]

The Debuggers Assemble

Sebastian Stan x Reader Unhinged One Shot (Feat. The Avengers)

Summary : Behold! The 2nd version of this chaotic and unhinged story of Seb as a wannabe coder and this one features the Avengers!

A/N: This is just another stress induced story I came up with as I try to debug actual code on my project XD Hope you guys like it.

Warning: none at all, just an all out funny, unhinged and ridiculous story, somewhat like a sitcom XD

Word count: 1.7k words

Read more Sebastian and Bucky one shots here

---

It started as a normal Tuesday. Y/n was working on a client's website, surrounded by empty soda cans, a half-eaten granola bar, a cup of coffee that had been refilled countless times, and the dim hope that this web application project wouldn't kill her. She was almost done when she hit a wall—an infuriating wall in the form of a bug so elusive it might as well have been a mythological creature.

"What in the name of Jeff Bezos is wrong with you?!" she yelled at her laptop, slamming her hands on the desk.

"BOOM, BABY!"

She jumped, nearly knocking over her coffee as Sebastian burst into the room like Kramer from Seinfeld. He was wearing an Avengers bathrobe, a Viking helmet, and inexplicably wielding a hockey stick.

"Seb," she said, already exhausted by his mere presence. "What are you doing?"

"Helping," he said, dramatically tossing the hockey stick aside. It hit a lamp, causing it to crash to the floor.

"You're not helping. You're breaking my furniture."

"Pfft. Material possessions are temporary. But debugging is eternal."

"No," she said firmly. "Not this time. You're not touching my laptop. The last time you helped, the TV turned on by itself, showed me a cooking tutorial in Portuguese, and called me by name."

Sebastian gasped, clutching his chest like she'd insulted his honor. "You loved that tutorial. You said the flan recipe looked great."

"That's not the POINT!"

"Come on," he said, sitting next to her and grinning like a kid who just found a pack of fireworks. "I'm serious. Let me help."

She gave him a withering look. "Do you even know what CSS stands for?"

"D'uh. It's..." He paused, clearly making something up on the spot. "Cool, uh... Code... Stuff."

Y/N smirked. "What about HTML? Know what it is?"

"Of course I do," he said confidently. "It's... um... Hot Tacos Make Life better?"

She stared at him, deadpan. "Seb, I bet you don't even know what Javascript is."

"No, but I know about.. scripts?" He answered innocently and she rolled her eyes.

"Seb, just leave me alone and do whatever it was you were going to do with this.. outfit." She said, gesturing towards his Viking helmet.

But Sebastian ignored her, dragging his chair closer to her. "No way. I can help. I've acted as a hacker in movies. I know all about... coding stuff."

"Seb, no you haven't, and do NOT touch my laptop." She warned.

"Relax, babe. Let me at least look at it."

She reluctantly slid the laptop toward him. "Fine. But if you break something, you're sleeping on the couch."

Sebastian cracked his knuckles, grinning. "Alright, let's see what we've got here."

He squinted at the code for a solid thirty seconds like it was written in ancient Greek. "So, what's the problem?"

She sighed. "The JSON data isn't parsing correctly."

"JASON? Who's Jason?"

She groaned. "JSON. JavaScript Object Notation. It's a way to structure data."

Sebastian's face lit up. "Got it. So, it's like... Legos?"

"Sure, whatever helps you sleep at night." she rolled her eyes.

Sebastian cracked his knuckles and typed furiously.

—

<script>

let data = {

name: "Sebastian",

talent: "Acting",

debuggingSkill: "undefined"

};

console.log("Fixing everything like a boss"); // Motivational

data += "magic sauce"; // This'll work, right?

alert("IT WORKS... probably.");

</script>

—

He hit "Save" and refreshed the page. The screen went completely white, then flashed red like it was possessed.

"What did you do?!" she screamed.

"Magic sauce!" Sebastian said, pointing at the code.

"Magic sauce?! That's not a thing!"

"Not with that attitude," he muttered.

"Just give it back." She said, trying to grab the laptop back but he held it tight.

"No, no, babe. Let me try something else." He insisted, holding the laptop hostage.

She sighed, "Fine, just one more thing and if it doesn't work, give it back to me."

"Okay, okay, hold on. This will work. I can feel it!" He said enthusiastically, his fingers typing furiously.

—

<script>

let data =[ {

name: "Y/n",

character: "beautiful",

debuggingSkill: "powerful"

},

name: "Sebastian",

character: "chaotic",

debuggingSkill: "questionable"

},];

let love = data["Y/n"] + data["Sebastian"];

console.log("Y/n, you're the light of my life, and this code is dedicated to you.");

alert("Success, just like us.");

</script>

—

"Seb, that's not how you call JSON data." She protested but she couldn't keep a smile from escaping from her lips.

"Sometimes you have to go outside the box. Besides, love fixes everything." He said, winking at her and she rolled her eyes. He then pressed enter with a dramatic flourish.

The website blinked. The error message was gone, the navigation bar worked, the grid was perfect, the contact form sparkled like it had been kissed by the gods.

Sebastian turned to her with a smirk. "Told you. Love fixes everything."

Y/n's jaw dropped. "Wait... did you just—"

Before she could finish, the screen exploded into chaos. Every element on the page multiplied, filling the screen with hundreds of buttons labeled "Love you, Y/n" and an animated gif of a dancing cat in a tuxedo.

Sebastian leaned back, hands behind his head. "Well, it's the thought that counts."

She buried her face in her hands. "This is a nightmare."

"Okay, okay," he said, "Time to bring in the big guns."

Before she could grab the laptop back, Sebastian's hand flew over it again.

—

function callTheAvengers() {

alert("Avengers, assemble. We have a coding emergency.");

}

callTheAvengers();

—

"Seb, that's not gonna work." She protested.

"Wait for it." Sebastian said, raising his index finger to silence her and he hit the refresh button dramatically.

"Just give me the laptop back before I hit you with the hockey stick." She threatened.

"Babe, please. Trust me. Wait for it." He insisted and sure enough, suddenly she could hear the sound of a jet overhead. She glanced out the window and nearly fell out of her chair. The actual Quinjet was descending in the middle of their suburban street.

The neighbors were peeking out their windows in confusion, one even snapping pictures. "Sebastian, what did you do?!"

He smirked, "You saw the code, I called the Avengers."

Before she could protest, there was a knock at the door. Sebastian jumped up and opened it with a flourish.

Standing there were Steve Rogers, Tony Stark, Thor, Natasha Romanoff and Bruce Banner.

"We heard there was a coding emergency," Steve Rogers said seriously, stepping inside.

Y/n slapped her forehead. "Oh my God, I can't believe this is happening."

"What's the situation?" Tony asked, sunglasses on with a latte in hand.

Y/n sighed. "It's just a stupid JSON error."

"Ugh, JSON," Tony said, grimacing. "The silent killer of sanity. Move over."

Natasha Romanoff rolled her eyes. "Why am I even here? I don't code."

"Neither do I!" Thor announced, holding aloft his Mjolnir. "But I shall bring thunderous ideas!"

"Don't touch anything!" Y/n cried.

Bruce Banner set up his laptop. "Let's divide and conquer."

Sebastian handed everyone a keyboard which came out of nowhere and connected to nothing.. "Alright, team, let's do this."

Tony was the first to dive in.

"Alright, Y/n, let me show you how it's done." He typed on her laptop furiously:

—

<script>

function fixJSON() {

let billionDollars = true;

if (billionDollars) {

console.log("Hire someone else to fix it.");

} else {

console.log("Do it yourself, cheapskate.");

}

}

fixJSON();

</script>

—

"Tony," Y/n said, glaring, "that doesn't even make sense."

"It makes sense if you're a billionaire," he quipped. He hit refresh and the website turned all red and an iron man logo blinked in the middle.

Y/n slapped her forehead. "This is a nightmare."

"Here, let me try." Bruce Banner said. His approach was more... scientific.

"I think we need to test various inputs."

—

<script>

let gammaInput = [1, 2, "Hulk"];

let result = gammaInput.map(x => x + " smash");

console.log(result);

</script>

—

He hit refresh and the code ran. The screen displayed: '["1 smash", "2 smash", "Hulk smash"]'.

"Great, Bruce," Y/n said dryly. "Now my website is smashing things."

"You're welcome," he replied, adjusting his glasses.

Natasha sighed and leaned over. "Let me show you how to be efficient."

—

<script>

let secretSpyHack = () => {

console.log("Bug? What bug?");

};

secretSpyHack();

</script>

—

"That didn't do anything," Y/n pointed out.

Natasha shrugged. "Neither did I."

"Alright, alright, my turn." Steve said and he started typing with the enthusiasm of a soldier going in for battle.

—

function captainAmericaFix() {

let website = "running on freedom and justice";

let bugs = "punched out by the good ol' stars and stripes";

console.log("This code stands for something bigger.");

}

captainAmericaFix();

—

The website loaded. Patriotic music blared as an eagle soared across the screen, dragging the American flag behind it.

Y/n put her head on the desk. "I'm going to scream."

Thor stepped forward. "Stand aside, mortals! BEHOLD! I SHALL WRITE CODE AS MIGHTY AS MJOLNIR!"

He slammed Mjolnir onto the desk, causing the laptop to spark.

"Thor, no!" Y/n cried but Thor was already typing furiously.

—

<script>

let hammer = "Mjolnir";

function summonThunder() {

return hammer + " strikes!";

}

console.log(summonThunder());

</script>

—

He hit refresh and the website now displayed nothing but lightning bolts and the phrase "FOR ASGARD!" in Comic Sans.

Sebastian was laughing hysterically, tears streaming down his face. "This is the best debugging session ever!"

All of a sudden Peter Parker swung in through the window. "Hey, I heard there's a coding emergency?"

Tony groaned. "Of course the kid's here."

"Don't worry, I've got this!" Peter said, taking her laptop.

—

<script>

let webFix = bug => 'Spidey fixed ${bug}!';

console.log(webFix("JSON error"));

</script>

—

The website turned into a Spider-Man fan page.

Y/n buried her face in her hands. "I'm doomed."

"Enough!" Sebastian shouted, standing on a chair. "It's time for my genius to shine."

"Seb, NO!" she screamed.

"Seb, YES!" he yelled, typing with reckless abandon.

She glared at him as he continued to type nonsense but he suddenly stopped.

"Wait, I think you just missed a comma here." Sebastian said, deleting everything he typed before and adding the comma into her code.

He hit "Enter." The page refreshed. Miraculously, everything worked perfectly.

The room went silent. Even Tony looked impressed.

"How, how did you know?" She asked, her jaw dropped.

"Sometimes JSON is finicky like that." Sebastian shrugged.

Tony looked over his shoulder. "I was just about to say that."

As the Avengers packed up and left (after Tony insisted on taking credit for everything), Sebastian sat beside Y/n, who was still staring at her now-functioning website.

Sebastian leaned back on the chair, looking smug. "Told you I'd fix it."

"That was just beginner's luck." she shrugged.

"Oh come on, babe. What I did was genius." He insisted.

"I wouldn't say genius, but I think you know enough JSON now to be able to debug code."

"Yeah.. who's Jason again?" He asked, eyebrows furrowed and she threw a pillow at him.

"You're lucky I love you." She commented and he smiled as he pulled her by her waist and leaned in to kiss her.

For the rest of the day Sebastian strutted around the apartment, still wearing the Avengers bathrobe, Viking helmet and adding sunglasses while carrying a hockey stick and singing "We Are The Champions".

Y/n just stared at him and rolled her eyes, accepting her fate that she was dating a chaotic but somehow genius boyfriend and she wouldn't trade him for anything.

[izicodes]

Here’s a project idea: create a project that can be easily translated using other languages.

E.g. you know those beginner projects like “Build a calculator”? Yeah but do it in as many languages/frameworks as you can.

E.g. (again) I would build a calculator in:

JavaScript

HTML, CSS, JavaScript

HTML, SCSS, jQuery

Python console app

C# console app

Lua console app

WPF

Django

C# ASP.NET

You get the idea, building a singular “project” in various languages. This would be for fun, best way I believe to see how you could mend your project’s logic in the other languages syntax and concepts.

Might do this in the future, I don’t know yet 👩🏽‍💻⚡️

[hauntinginprogress]

neocities heracles trials: from a chaotic newbie

okay so i want to actually start posting here and i finally got it through my thick skull that this is LITERALLY A BLOG. i'm supposed to blog. so here's a blog post.

anyways, for context, i've been working on my neocities for a while now, recently started over to make things more original and more me. another thing to note is that i'm using VScode.

the issue here is that i have zero well not exactly zero but i lack any professional/academic background experience with making websites. the html isn't the issue (thankfully) but holy shit dude...css+javascript implementation . basic styling with css is no biggie, right? absolutely, however...may i introduce: smooth transitions + the absolutely tragic fact that the <marquee> tag is deprecated an accessibility issue.

so, my first goal day one was to recreate a marquee animation through css. so i tried to simply implement this incredibly useful bit of code into my site (in which if you're interested i totally think my failure to get it working was user error so please check it out it works great if you're not me) but, lo and behold, despite me getting it to work in my V1 project, i could not, for the life of me, get it to work. so i, not too familiar with css animation and completely lost when it comes to javascript, started grasping at straws. i ended up finding this tutorial and, with some improvisation since the tutorial is for webflow and i'm manually writing everything, managed to make my own css recreation of a marquee effect essentially from scratch, and even learned about the animation-play-state css attribute so i could pause the effect when the marquee is hovered over! victory, basically.

then, i looked around the many cool and absolutely awesome sites on neocities to get inspiration, and then i was like "hey what if i made a custom button background image" and with some trial and error, made myself a pretty decent base (for now) with aseprite, and learned more about the program in the meantime which is always a plus.

then i decided that i wanted to do more with the buttons. i wanted to make it animate on hover. not too hard right? you'll...you'll see why i struggled...in a moment...

anyways, i settled on a simple shrink animation. which THIS i could do with ease, messed around a bit, got the keyframes, assigned that to the button:hover and all of that and all was good!...until i realized that once i stopped hovering over it, it snapped back to its original scale instead of transitioning smoothly again. THIS is where the "fun" began.

see, although i can wrap my head around things easily when it comes to css, i have to constantly look up what the proper syntax for everything is because otherwise i'll mess everything up. and through my research i had conducted (aka surfing through multiple blogs and reddit posts alongside other things on random forum websites) i had discovered the very neat transition attribute.

but we'll have to return to this because i have adhd, and i ended up getting distracted during this process. see, originally i had decided that the button would change it's visual to appear like it was pressed when the user's mouse hovered over it. then i was like "i don't think this makes sense" so i changed it so that the button wouldn't change its background image unless the user actually clicked on it. so i did that. then i had to make sure that the button wouldn't magically scale up again so i had to transform the styling and blah blah blah those details aren't really that important ANYWAYS the actual important bit about this is that if you use the transition attribute and there's a change in background images that change will also be transitioned unless you set the transition to only apply to a specific change. and i didn't know that originally. so every time i tried to fix things up with a transition so the button wouldn't snap back to it's original size out of nowhere the background would slooowly change as well and i actually got so frustrated with this that i wanted to burn something down because that's a totally normal reaction i guess. anyways, then i started frantically searching for answers on the topic and EVERY. SINGLE. THING. THAT I FOUND. INCLUDED JAVASCRIPT.

i do not know javascript. i have not learned anything about it unlike css and html. it SCARES me and it is FRUSTRATING. but i thought i'd try it anyways. news flash that shit didn't work at all and i almost thought about scrapping the animation entirely especially when it randomly stopped working when i made certain changes, but i ended up eventually figuring out what i mentioned earlier (CSS transitions and the fact that you can assign them to only affect a specific change instead of everything) so with some dabbling here and there i eventually managed to finally figure out how to make everything smooth through pure css and although it still snaps if the element hasn't finished animating i'm happy with it.

moving on to another thing, i wanted to then make a sound effect play when you click the button. yes, we are still talking about buttons. THIS i could not do with css, like, at all. javascript admittedly is for interactivity and i had already been bending the rules quite a bit with the animations since those teechnically should've been done with javascript as well but this? this was impossible without javascript. so i found a free mp3, and searched up a nice little tutorial on the very basics of javascript.

little did I know that apparently, this would be my own personal little hell.

see, no matter how many times i tried a different script, the sound just would not work like at all. i'd do everything in what i assumed to be the correct way, and no matter what, it would not play. knowing that i'd just have to revisit this, i decided it was best to just sort of put it on the back burner.

and this is where i wish i could say this is the end of my absolutely gobstopping rant. however, i cannot.

see, one thing that i really like that i've seen in a lot of other people's sites is draggable windows. i think they're sick. but this ALSO requires javascript, but i didn't think this could POSSIBLY be that bad since so many people did it.

...right?.......right? guys. right?

MOTHERFUCKER I WAS SO WRONG.

see, it turns out that a lot of people do this sort of thing with jQuery, specifically for user interfaces. but vscode doesn't have a "user friendly" way to get jquery to work with it. and because i don't want to mess with program files, i decided that logically speaking jquery just makes writing things in js scripts less complicated and doesn't introduce things that are impossible in vanilla javascript so i decided i could suffer a little bit and try and do things without jquery.

this led me to looking at many sites with draggable windows to look at their own scripts, in which every single time i tried replicating things i FAILED.

i eventually stumbled upon a nice code that worked. but the issue with it - in which unfortunately i can't find it, else i'd link it - is that it works with not only element classes but also a specific ID. see, this would be fine if i only wanted ONE draggable element. but i want multiple. and i thought that maybe if i just duplicated the script and dedicated it to a different ID and changed function names it would work but nooo life cannot be this easy apparently. so after setting up my webmaster status window, getting that to work, i tried doing the aforementioned method for what will eventually be a guestbook of sorts. it failed.

so i decided, "hey i'll revisit this later!!" and i went on to finding a way to implement a status widget into my site. this honestly was really easy as i ended up stumbling upon status.cafe . so i registered, eventually got my account activated, and i got it working in my live port of vscode just fine!! all is good in the world.

well that's what i thought until i found out that since i had created my neocities account in march of 2024, and i'm unemployed since i'm still in high school hence i have a free account, that i could not. use the widget. in neocities. so i tried finding a work around, found this handy guide (which is genuinely useful by the way) and set up things through a RSS feed instead which is essentially just a work around that complies with the security restrictions of neocities that i'm bound by. anyways, this works great but i literally just can't customize it to how i want so this is another fail. then i find imood.com which, although is NICE, doesn't suit what i want on its own. so i'm at a loss here too.

so, again, another thing to put to the side i suppose.

so i started working on getting my guestbook, browsed through people's homepages again, and found chattable . and you probably think i have another paragraph complaining about this but honestly i can't write about something when i can't figure out how to even create a chat to implement onto my site in the first place so...y'know.

plus, i honestly have no clue if it'll work on my site either due to security restrictions so this is fun!!

anyways, after dealing with all of this, i finally decided it was about time i ported what i had so far over onto my neocities account. which isn't actually that hard i just had to wipe all of my files, overwrite the content in my index.html file there and paste in what i have now, and then upload my new files. but for some god awful reason after i went through all of this chrome just. kept depending on my old stylesheet??? so i had to clear some of my browsing data and eventually everything was loading properly for me.

and THIS is finally the end of my ridiculous documentation concering my neocities adventure so far.

i have no doubts i'll end up ranting here AGAIN about all of this but for now this is all i have on my plate...besides finally caving and learning javascript for real and continuing to learn more about html and css. hopefully one day i'll stop having such frequent issues but now is not the time and i doubt that'll be anytime soon either.

moral of the story, if you want to start something new and pick up a new hobby, please for the love of all that is of substance in this world don't go in completely blind like i've done if you're going to be making a project of some sorts. it will only lead to many misfortunes.

anyways you can see what i currently have done in my neocities here, make suggestions or give advice in the notes and whatnot i don't know.

[highly-nonexistent]

There is something very weird about the relatively short nature of the culture surrounding website creation. As in, like, internet-user-created websites have been around for like 30-31 years at this point, and the culture surrounding them has changed so very much.

People used to create websites left and right for their own needs, their little shops and their little blogs about what they liked. Some websites of course housing horrible content since their dawn, and some being as mundane but as unique as the person behind its code. I have seen older sites, archived, that promoted creating your own site, and that was interesting to see. That culture of creating your own website and of sharing that knowledge on a still-growing facet of communication.

And then at some point social media appeared, and that was interesting, because now everyone was able to quickly present themselves without the need of a website, but that didn't mean people stopped making websites. I mean, hell, Geocities died in 2009, so a lot of people were creating their own websites for free before that time, no need to pay for domain names or hosting. And even without Geocities, there were other website hosting things that yes, while not as customizable, were still a resource for people to work with them. There's still a website floating around that I made when I was a kid using one of these services. Cool stuff.

All this to say that I do feel a weird sense of dread looking back and cross-referencing with the present and seeing things like "website creator powered by AI" and shit like that, because just ?? How did it go plummeting so quickly. There is a weird feeling of having lost a developing culture to corporations making quick access to posting things that, as corporations' nature dictates, are used to sell data or to train models or what have you. Similarly, we get pretty same-y looking pages because of the need to be slick or whatever with designs that just leaves everything looking the same. ALSO, the loss of spaces for kids, or just the gradual lowering of them in favor of cocomelons and whatever else the devil's machine has spawned is like watching an apple decay before having ripened. I do feel like there is this phenomenon in which how to make a site has been lost in the notion of "making a website falls into the realm of evil and scary coding and I could never be a programmer, plus who would look at it, plus we have tools to make them," etc etc etc. Here is a little secret: website creation is not exactly hard to pick up at all. You might say it's very similar to using a rich text editor like Word or a notes app or whatever you use. Similarly, have you used markdown for things like messages or D iscord messages, you know, with the asterisks for bold text and the likes? Markdown is based on html's structures. And truly, you do not have to even learn to code using Javascript if you don't want to, you can just go full html + css and structure your things as you go, adding your little images and your updates. Because guess what !! Html and css are not programming languages, they're a markup language and a stylesheet language respectively, which is a fancy way to say "you make the structure of your page with the first one and make it pretty with the second one". This includes cool stuff like tables, lists, grids, colors, transitions, etc. All of that without any programming. (That being said, if you are interested in programming, Javascript isn't too bad to pick up. The language itself *is* kind of evil, but using it in conjunction with html is not too difficult). I do have to say though, I am glad that there is a push to making your own websites and things, especially with Neocities sprawling a huge community of avid website creators, as well as the huge amount of tutorials and stuff making the push forward with making sites and online spaces and experiences more widely available. Hopefully this becomes a trend that keeps going up, considering the state of seemingly every single social media that has existed since the 2000s- 2010s.

[lightuponearth]

update 𐙚˙

hello everyone! my summer break has started recently and i thought there was never a better time to finally post again on here. sorry for the drought lol but i ended up getting quite busy and barely opened this acc!! lots of things and changes have occurred so i'll list them down

☆ i started and finished my first year of my bachelors degree! the modules were all interesting and i enjoyed them, my classmates were all pleasant and so far i'm really excited to be starting my second!

☆ i turned 18 on june, which still hasn't set in lol... i know it isn't as serious of an age but oh well

☆ i got the highest grades in all of my assignments and classes! quite proud of myself for this one

☆ managed to get a hang of python, sql, html, css, and the basics of javascript and php!

☆ i created my very first website :) it was part of our assignment and we had to create one for an online supermarket. maybe i'll make a separate post for it

☆ i reached this year's reading goal! 40 books, i set it quite low because i haven't been reading as much but since there's still some time left before the year ends, i'll probably try to hit 50

☆ not as major of an update but something i've found myself drawn to lately is the way of tea and it's connection to mindfulness, also just trying to cultivate mindfulness in my daily routine. might make some posts about it later

this is all i can remember for now! i hope you all are doing well, and that life is treating you kindly. will be seeing you next time... preferably sooner than after a few months but lets see

[deardarlinggames]

Devblog 1

Hi! My name is Wendy, I'm a software developer, and the creator of Dear Darling Games. I'm going to be using Tumblr as a more relaxed and unpolished blog. For now, because I don't know how to format a blog post professionally quite yet. Later, I'll want a break from the structure of it, and have many things I feel I can chat about.

About me! I'm currently twenty two years old, and my goal is to be a solo game developer with a heavy focus on visual novel RPGs. I have no experience, and I'll be logging and citing my entire process as I learn to the best of my ability. Even figuring out the right questions to ask has been quite the task.

Tonight, I'm starting at square one. I'm using an IdeaPad laptop, and operate on a night-shift schedule due to work and life circumstances. This means most updates will be around four in the morning for me. I'm head of household in many ways, so sometimes I will have to step away for a day or two to get my affairs in order.

Here's all I'm learning, planning to learn as of now, and what I have so far.

Planning to learn: HTML, CSS, JavaScript, Godot Engine, Procreate, and Blender. 2D paper-doll animation, rigging, video editing, layering, how to use Alpha lock... Sound design - cello, violin, piano, flute, foley techniques, and general sound equipment. Navigate and create - a website, a put together GitHub profile, and my first game pair; a 2D Mouse themed VN RPG, and a 2D farming game inspired by Zombie Farm with significant changes to the storyline, main mechanics, and characters. In essence, a reworked fan remake, and it will be free to play. I will also be learning how to navigate matters of intellectual property, copyrighting, and more in that area. Finally, I'll be learning Bootstrap, Sass, and React and Redux to create Single Page Applications.

Learning now?: HTML, CSS, Godot Engine, Procreate. Foley techniques, and I've officially gotten down plucking scales on my cello. No luck with the bow yet... I'm refreshing my guitar skills, and saving for a keyboard. I'm utilizing RPG Maker to start familiarizing myself with very, very basic aspects of how to communicate with the computer. Plus, it gives fast results which help lulls in attention span for learning how to do it all myself. I am not planning on publishing a game with RPG maker for *professional* purposes to illustrate learning or ability, but it is very fun to use.

What I've got: Full storyline and pathway branching for decisions, voice bits and character voices [done by me], snacks, water, and a dedicated workspace. Character sketches on paper, most of the dialogue, a working title for both, and most of the battle and other systems planned. It feels like all that's left to do is code and Learn How to Draw Digitally, but that's sure a lot when you have to break it down into all the little steps and refocus those into groups and whatnot. I also have a GitHub profile and joined their Developer Program, I have this tumblr, a Jira account to break down tasks and to-dos in a more manageable way, and my Neocities website has officially been set up to the point of Having It.

I'll release a pinned post with my production announcements later.

fin: 4:04AM

[quietmarie]

Anyone can program (yes, even you)

"Programming is easy"

I saw some variations of this statement shared around the site recently, always in good intentions of course, but it got me thinking.

Is that really true?

Well it certainly isn't hard in the way some developers would want to make you believe. A great skill bestowed only upon the greatest of minds, they're the ones making the world work. You better be thankful.

That is just elitist gibberish. If anyone ever tells you that programmers are "special people" in that way, or tries to sell you on the idea of "real" programmers that are somehow better than the rest, you can safely walk in the other direction. They have nothing of value to tell you.

But I think the answer is more complicated than a simple "Yes, programming is easy" too. In all honesty, I don't think it's an easy thing to "just pick up" at all. It can be very unintuitive at first to wrap your head around just how to tell a computer to solve certain problems.

One person in the codeblr Discord server likened it to cooking. That's a skill that can be very hard, but it's also something that everyone can learn. Anyone can cook. And anyone can program.

I really mean that. No need to be good at maths, to know what a bit is or whatever it is people told you you need. You're not too old to learn it either, or too young for that matter. If you want to start programming (and you can read this post), you already have everything you need. You can write your first little programs today!

One of the cool things about programming is that you can just fuck around and try lots of stuff, and it's fine. Realistically, the worst thing that can happen is that it doesn't work the way you imagined. But you'll never accidentally trigger the fire alarm or burn your house down, so feel free to just try a bunch of stuff.

"Okay I want to learn programming now, what do I do?"

That's awesome, I love the enthusiasm! As much as I'd love to just give you a resource and tell you to build a thing, you still have to make a choice what you want to learn first. The options I'd recommend are:

Scratch: A visual education tool. The main advantage is that you don't have to worry about the exact words you need to write down, you can just think about the structure of your program. The way it works is that you drag and drop program elements to be executed when they should be. You can relatively quickly learn to make cute little games in it. The downside is that this isn't really a "professional" programming language, so, while learning from Scratch will give you the basics that apply to most languages and will make switching to another language easier, you're still gonna have to switch sooner or later. Start here: https://scratch.mit.edu/

Python: The classic choice. Python is a very widely used, flexible programming language that is suited for beginners. It is what I would recommend if you want to skip right to or move on from Scratch to a more flexible language. https://automatetheboringstuff.com/ is your starting point, but there's also a longer list of resources here if you want to check that out at some point.

HTML/CSS/JavaScript: The web path. HTML and CSS are for creating the look of websites, and JavaScript is for the interactive elements. For example, if you ever played a game in your browser, that was probably written in JS. Since HTML and CSS are just for defining how the website should look, they're different from traditional programming languages, and you won't be able to write programs in them, that's what JS is for. You have to know HTML before you learn CSS, but otherwise the order in which you learn these is up to you. Your JavaScript resource is https://javascript.info/, and for HTML and CSS you can check out https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web.

I put some starting out resources here, but they're really just that - they're for starting out. You don't have to stick to them. If you find another path that suits you better, or if you want to get sidetracked with another resource or project, go for it! Your path doesn't have to be linear at all, and there's no "correct" way to learn things.

One of the most important things you'll want to do is talk to developers when you struggle. The journey is going to be frustrating at times, so search out beginner-friendly coding communities on Discord or wherever you're comfortable. The codeblr community certainly tends to be beginner-friendly and kind. My DMs and asks are also open on here.

[mountmortar]

do you happen to know any site building tutorials to follow and learn from? been having a hard time finding a place to start with my own neocity but the free reign and customization of them interests me a lot :0c

ABSOLUTELY! I do want to stress one thing if HTML/CSS is something you're not familiar with: It's okay if your website doesn't look like the most creative, eye-popping thing in the world! I've seen sooooooo many people get so discouraged because their beginner websites don't look like the flashier websites you see on Neocities' front page (by people who've been coding for a Long Time, mind you!) and like!!! That's fine!!! The code of my own site was quite possibly the worst thing you've ever seen thrown together into one big CSS soup before I Literally Just Rewrote It Today, After A Year Of Having A Neocities. And so, with that being said:

As anyone on the internet might do, w3schools is the absolute first place I'd recommend to beginners! There are videos, it's mostly a text-based learning site with lots of exercises to test your knowledge. If you'd prefer videos:

My personal favorite guy on Youtube to learn coding things from is Giraffe Academy: Here's his full course on HTML! The video itself is about two hours—I skimmed through it and everything seems to be perfectly oriented towards beginners (I haven't watched it in its entirety, but I have seen his videos on C# and Python [programming languages, don't worry about it] and they did a lot to help explain certain things to me that I didn't know previously!).

BroCode's HTML in 1 hour and CSS in 1 hour are pretty good! His videos do include a little bit on how to implement some JavaScript here and there, but nothing major or terrifying.

Here's a playlist of HTML/CSS tutorials in bite-sized videos, too! Think about 10-25 minutes per video.

I will say that searching for YouTube videos on HTML/CSS will always sort of gear more towards what people in the professional sphere are looking for rather than what you'd see on Neocities.

As for Neocities-specific things (which may be the actual point of your ask! Might've misinterpreted the hell out of it oops):

sadgrl.online is perhaps the most known website on Neocities, largely because the website itself not only has a layout maker you're free to use if you want to make a website now but the thought of writing HTML/CSS from scratch terrifies you, but also HTML/CSS guides themselves! There's also a bunch of links you can use to help fluff up your site a bit, generate HTML code for you, or just fluff up your site in general.

The Melonland Project is also dedicated to providing website development tools and tutorials for beginners: here is its guide to making a website on Neocities! It also provides a link to learnlayout.com, which I'll link here as well—a website for helping you learn CSS layouts!

And, once you've got the hang of how CSS works but are still feeling unable to code it yourself (no ideas? just not feeling up to it? FUCK MAN DO I UNDERSTAND THAT) Eggramen has free CSS pages you can use, and all you have to do is write the HTML for it!

But I would always focus more on learning HTML first before any CSS—and then learning how to integrate CSS into HTML via inline styling (which those video tutorials do!) before worrying about any external stylesheets or whatever. HTML is the actual building block—CSS just makes it look pretty.

[kitkatcodes]

Uhh how do I learn coding as someone with 0 experience or knowledge? I wanna go into like software dev so based on my basic research I have to know JavaScript, html and css.

I don’t understand anything 😭 and I’m 19 with like no uni prospect cuz I’ve always been a stem girl and now I wanna switch to tech which is kinda difficult here in the UK

Hiiii!!!! and so sorry for such a late response (ಥ﹏ಥ)

First of all. You're doing amazing!!! And lucky enough you can get pretty far into a tech career without formal uni training ♡

Second of all. There are so many different routes you can go through. Frontend, backend, fullstack, data engineering, devops, cybersecurity, ect ect... Each of these will require you to know different languages and frameworks.

So I highly recommend checking them all out and seeing what you find yourself most interested in and then finding someone who works in that career and having a coffee chat with them to see how it is from their perspective.

Once you find your match, the fun begins! ( ๑>ᴗ<๑ ) Start learning from tutorials and by making your own projects. Find people in the community to collab with.

And ofc if you ever decide to change your mind midway learning, don't feel bad about it. It's so rare to just pick something and stick to it for the rest of your life.

It's not gonna be easy and it's gonna take a lot of work but its not impossible!!!! We're all gonna be rooting for you!!

(*^∇^)ヾ(￣▽￣*)

and ofc you're always welcome to reach out to me if you have anymore questions or inquiries ♡

[unsoundedcomic]

Hi Ashley, not your usual lore question here and maybe you've answered this before, but I'm thinking of venturing into webcomics and you're one of the prime examples of taking someone taking advantage of the medium's possibilities. What skills did you have to learn beyond art and storytelling to take advantage of the web in your layouts and page turns? Were there specific web design tools? And can you recommend any other creators/inspirations that push the bounds of web-comics?

Hey Patrick!

I was able to cheat a little with the web stuff because I already knew html and css from my fandom days. I used to build and run silly video game sites and character shrines. In the earlier days of the internet you really had to have at least a sketchy knowledge of web design to express yourself, whether through building a site of your own or putting together a forum signature.

These days not so much. There are programs that will design it all for you. I am not up to date on what they are because I still do it all by hand, but if someone could suggest a good wysiwyg web editor in the comments for our friend, that would be awesome.

Most webcomic artists these days are leaving this matter up to a third party host like Tapas or Webtoons. If you do host yourself, you'll need to buy hosting, upload everything to your own server, all that jazz. It's not hard, and many tutorials are just a Google search away.

All the fancy stuff? Animations? Page turns? Also a Google search away :) I can tell you what mechanics to pursue but I'd need to know the baseline of your knowledge. Are you familiar with html and css? Do you know how to work with javascript? These are the tools you use to get elements to do cool things in the browser window. You don't have to reinvent the wheel at all, you can find code elsewhere and tweak it to suit your purposes, but you might be lost if you don't first understand how a webpage is put together.

I learned all this stuff organically and on my own due to my aforementioned weeby fandom days, so it's hard to advise someone else on where to get started. Probably install one of the editors that someone is going to nicely suggest in the comments, build your layout, get your art together, put it all online, and then list out the concrete steps of what you want to do. Then you can start Googling for the code to get you there.

Good luck!

[mousiecat]

♥ ♡ Intro Post! ♡ ♥

post update (10/17/23)

uhh okay so eventually this will be more about coding again but I've been too busy

but I'm just gonna reblog and talk about whatever

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

Hi, I’m mousiecat 🐭🐱

I'm so excited to participate in the Codeblr community!

I'd love it if you checked out my Neocities!

If you're on Neocities, you can follow me here :)

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

First, my main tags:

meow squeak - me! my own posts! includes asks

Reference - coding info to refer back to

Resources - useful tools and libraries

Learning Resources - tutorials, games, projects, or webinars for learning

Web Accessibility - learn to make things more accessible!

Goodies - yummy pixels and art that creators have shared for public use on your webbies ~ (always follow creators' crediting guidelines!)

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

Read more for more about me!

Coding Origins

The golden age of Neopets! It was an HTML/CSS wonderland! You could catch my kid self building Sailor Moon guilds, spicing up my shop, and customizing my pet pages.

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

Coding Rebirth

A bit ago, in a fit of nostalgia, I surfed Geocities archives and longed for the days the creative web still existed. Then I realized...HTML/CSS are still around, and people are still making cute, fun, independent sites with it. You don’t have to resort to uploading content to some billionaire’s website--you can still make your own!

So, I got on the Neocities train, and I've been really excited about the endless possibilities with coding! I especially love that, if you are able to access a consistent computer and internet connection, you can do everything else for FREE! Learning, creating, publishing, all of it. Kinda kickass.

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

Currently Learning:

HTML/CSS, and soon JavaScript with FreeCodeCamp

Learning a bit of Python with Udemy (mostly to connect with a local lesbian coding group)

Attending random Meetup coding events until I find my groove~

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

Goals:

My primary goals are fun and creativity! I especially wanna make cute lil games and activities for silly webpages :)

More and more, I also want to find ways to use coding for liberatory organizing, especially abolition, sex worker advocacy, and reproductive justice work. So far I've made a cute page for an event, and I've got some ideas for simple educational games :) I'd love to strategize beyond this ~~~~~

Down the line it could be really cool to get a paying gig, but it's not my central motive

I just want to keep learning more so I have a better sense of all the possibilities!!! Let's get this party STARTED!

♥　♡　♥　♡　♥　♡　♥ 　♡　♥　♡　♥　♡　♥

Codeblr Goals:

You know…I’ll post when I post and I won’t when I won’t! I have ADHD, so out of love for myself I don’t give myself assignments when I don’t have to. So, I’m not trying to post every day or anything. I just want a lil outlet for it when I’m feeling it! I love learning from everyone here, and it would be amazing to make connections!