Beginning Website Dev and Coding Advice Thread

[VGMoose]

Personally, here's an example of one of those early sites I made way back in the day: https://backpack.vgmoose.com/2008/ . This uses pure HTML and iframes to display the different pages.

I thought I was so cool... Nowadays, the best example of a site from scratch that I'm proud of is probably the homebrew appstore web frontend: https://apps.fortheusers.org . This is coded in React and Typescript, which is a lot more advanced, but really you're just (eventually) building off those same basic starting concepts ideas.

[TeamSteam]

This so cool! I think i might use this to make one as i have no experience myself.

[lollapalooza]

@TeamSteam i can suggest a few good sites to learn from

[lollapalooza]

@VGMoose my browser is in my text editor
your text editor is in your browser
WE ARE NOT THE SAME

lol

[lollapalooza]

@VGMoose also what is that GORGEOUS navbar font?
sorry scattered thoughts lol

[TeamSteam]

Like what sites @lollapalooza?

[VGMoose]

@lollapalooza it's https://www.1001fonts.com/gooddog-cool-font.html with the dots removed!

I remember using it cause it looks like the Nintendogs font

[lollapalooza]

@TeamSteam sadgrl.online
w3schools.com is a must
internettingishard.com
html-shark.com

[VGMoose]

If you're in the @Coders group, there's now a Public Chat for discussing development and assistance!

[VGMoose]

I've made a beginning coding introduction tool at: https://github.com/vgmoose/GraphCoding#readme

It puts the code you type into the URL, updates the canvas with whatever commands you use, and allows you to edit and share it via long base64 links, for example:

Graph Code Visualizer

(vgmoose.dev)

[VGMoose]

The above will render the following graph and text on the canvas:

And this is the code it used (Javascript):

// set the font and draw these words
setFontSize(17);
drawText("hello", -5, 8);
drawText("these are some words", -4, 6);
drawText("neat", -3, 4);

// set a variable
var bigText = "COOL!";

// draw that variable twice near eachother
setFontSize(40);
setColor("blue");
drawText(bigText, -5, -1);
setColor("red");
drawText(bigText, -5.2, -1.2);

// draw sine and cosine waves
setColor("green")
for (var x=xMin; x<xMax; x+=0.2)
{
  setColor("green")
  plot(x+1, Math.sin(x) - 5);
  setColor("purple")
  plot(x, Math.cos(x) - 5);
}

[VGMoose]

Bumping this thread! Anyone working on some interesting projects?

Also, we might add basic web hosting to BDNS, so each user can have their own profile page to edit and manage (similar to caard's).