#learn html from scratch

[safety-pin-punk]

Anyways heres a sneak peak at the new project. With some stuff hidden away. No timeline on when its gonna be done yet. I might be putting out questions and/or polls related to it as I work on it over the next few weeks though :)

[radellama]

I HAVE FINALLY FINISHED MY NEOCITIES SECTION FOR MY GAME REVIEWS!!

READ HERE AT YOUR OWN DISCRETION!

[nekromeowncer]

[divinector]

Responsive website from scratch Telegram Channel

[skullosaurus]

So excited by the concept of neocities that I keep going on my very shitty WIP page and just lookin at it

[captdedeyes]

Friendly reminder that Wix.com is an Israeli-based company (& some website builders to look into instead)

I know the BDS movement is not targeting Wix.com specifically (see here for the companies they're currently boycotting) but since Wix originated in Israel as early as 2006, it would be best to drop them as soon as you can.

And while you're at it, you should leave DeviantArt too, since that company is owned by Wix. I deleted my DA account about a year ago not just because of their generative AI debacle but also because of their affiliation with their parent company. And just last month, DA has since shown their SUPPORT for Israel in the middle of Israel actively genociding the Palestinian people 😬

Anyway, I used to use Wix and I stopped using it around the same time that I left DA, but I never closed my Wix account until now. What WAS nice about Wix was how easy it was to build a site with nothing but a drag-and-drop system without any need to code.

So if you're using Wix for your portfolio, your school projects, or for anything else, then where can you go?

Here are some recommendations that you can look into for website builders that you can start for FREE and are NOT tied to a big, corporate entity (below the cut) 👇👇

Carrd.co

This is what I used to build my link hub and my portfolio, so I have the most experience with this platform.

It's highly customizable with a drag-and-drop arrangement system, but it's not as open-ended as Wix. Still though, it's easy to grasp & set up without requiring any coding knowledge. The most "coding" you may ever have to deal with is markdown formatting (carrd provides an on-screen cheatsheet whenever you're editing text!) and section breaks (which is used to define headers, footers, individual pages, sections of a page, etc.) which are EXTREMELY useful.

There's limits to using this site builder for free (max of 2 websites & a max of 100 elements per site), but even then you can get a lot of mileage out of carrd.

mmm.page

This is a VERY funny & charming website builder. The drag-and-drop system is just as open-ended as Wix, but it encourages you to get messy. Hell, you can make it just as messy as the early internet days, except the way you can arrange elements & images allows for more room for creativity.

Straw.page

This is an extremely simple website builder that you can start from scratch, except it's made to be accessible from your phone. As such, the controls are limited and intentionally simple, but I can see this being a decent website builder to start with if all you have is your phone. The other options above are also accessible from your phone, but this one is by far one of the the simplest website builders available.

Hotglue.me

This is also a very simple & rudimentary website builder that allows you to make a webpage from scratch, except it's not as easy to use on a mobile phone.

At a glance, its features are not as robust or easy to pick up like the previous options, but you can still create objects with a simple double click and drag them around, add text, and insert images or embeds.

Mind you, this launched in the 2010s and has likely stayed that way ever since, which means that it may not have support for mobile phone displays, so whether or not you wanna try your hand at building something on there is completely up to you!

Sadgrl's Layout Editor

sadgrl.online is where I gathered most of these no-code site builders! I highly recommend looking through the webmaster links for more website-building info.

This simple site builder is for use on Neocities, which is a website hosting service that you can start using for free. This is the closest thing to building a site that resembles the early internet days, but the sites you can make are also responsive to mobile devices! This can be a good place to start if this kind of thing is your jam and you have little to no coding experience.

Although I will say, even if it sounds daunting at first, learning how to code in HTML and CSS is one of the most liberating experiences that anyone can have, even if you don't come from a website scripting background. It's like cooking a meal for yourself. So if you want to take that route, then I encourage to you at least try it!

Most of these website builders I reviewed were largely done at a glance, so I'm certainly missing out on how deep they can go.

Oh, and of course as always, Free Palestine 🇵🇸

[johannestevans]

Do you have any tips or tutorial recommendations for making your own website?

I actually really do like the Wordpress client now I've gotten the hang of it!

I did tell 1000 of my subscribers to kill themselves in an email header by accident, and also battered those poor 1000 people with something like 100 emails in increasingly frantically apologised for errors over the course of the same three days, but that was before I really Got it.

With the above oopsies in mind, if you want to import previous newsletters or posts, for the love of God, do not import your existing newsletter subscribers until after all of your backposts have been imported across. That is the main lesson I have learned.

I had such a vision in mind of a triumphant surprise email going "Hey, look what I did! Surprise! Isn't it sexy?!" and instead everyone got 30 notifications about chapter updates from 2 years ago and an email that said "It's Your Responsibility to Kill Yourself" followed by multiple deranged apologies from me.

So. Don't do that.

Other than that, I'd actually wanted a proper website for quite a few years even before Patreon got so antsy with hiding my content - I tried to set one up a few years back with Wix, and I cannot recommend that less, it's a fucking awful site to use, and it's far less user intuitive than Wordpress.

Part of my issues with Wordpress were actually that a lot of website clients, unless you're building from scratch in HTML/CSS or another code, give you everything in Blocks, and because I remembered like 10 years ago where you didn't have to do that, and you mostly altered everything on the website with like, 10000 options tickboxes and sliders, I was like "wow this is awful". I will admit now, crotchety bastard that I am, that the Blocks system is better and more intuitive once you start to understand it. I just don't always do well thinking of things in three dimensions, so to speak, and I was shooting myself in the foot by going "WELL BACK IN MY DAY--"

Wix doesn't have a very good help section because they want you to talk to their people for help, but most sites for stuff like this do have really robust FAQ and help sections, and obviously, rely on those as much as possible.

At one point I was so upset with my inability to do something that Lorenzo literally came over and told me to leave the apartment (that was the day that I went to Pets at Home and spent a ridiculous amount of money on gifts for the cat), and while I was very grumpy about doing it at the time, taking breaks is crucial, especially if you get as frustrated as I do.

I realise that most of what I have said so far is niche tips for if you're stubborn and mentally ill, so in terms of actual website building, I would say it's important to have an idea of what you want the site to do.

Do you just want a landing page, so that if people search for your name or whatever, that this is the first result? That it links people to your books or your store, your socials? Do you want to have a gallery of work on display, or an archive of writing like I've made? Do you want people to be able to contact you, give tips?

I always wanted a robustly tagged archive with an in-depth tag page like the one I've set up now, and the goal for my Directory of Work on Medium and elsewhere was always that it would later be transferred to my website once it was built.

Then, I have an about page for people who are just curious about who I am and who I look like; commission info and information about booking me for events or inviting me to cons and such; the books I have for sale, publications I've been a part of, interviews and presentations on YouTube; my events calendar with conventions and such; the gallery where I'm showing off both art of my characters and where I'll later show art that I buy for my home and myself, such as the stuff framed in the stairwell or jewellery I buy from makers at markets and such; and then, of course, the subscriber benefits.

All of the above to go my goals which are, in order, to encourage people to read my work and make it easy for them to do so, to pay me money for my existing work or to offer me money for new work, and to show support for other events, artists, friends, and queer creators.

I would definitely advise thinking carefully about how visual or how word-based you want your site to be - I had to look for a recipe blog theme to find one that was stripped back in terms of images. Especially for adult websites, I'd be careful about payment providers and so forth.

Stripe is the default on the site, and I've been very careful about making sure none of my titles or descriptions that the Stripe client will see have words like erotica or adult in them - if someone from Stripe clicks through and sees the site, they might take issue with it, but that's another thing. I do get paid by Stripe through Medium, so I do already use them.

Most payment providers hate any kind of adult content, but are willing to give a tiny bit more wiggle room on erotica, or at least, they just don't notice it in the same way they do Real Porn, but there's nothing I can say other than "be careful and more importantly, be lucky" on that front.

Most of all, I'd say to try to have fun with it and try to enjoy the actual building process if you can - make something pretty and fun to navigate as much as you can, and if you can get some enjoyment out of it, your site users will as well.

[mariyekos]

Doing a basic HTML/CSS tutorial and MAN is it very fun/satisfying to learn how to make a website. I've stumbled my way through it to add things to my tumblr blog before, but I want to make one from (mostly) scratch to have a backup in case tumblr dies at some point. That and it would be fun to customize my own site, even for tumblr itself. We're making progress!

[akaicodes]

update to my roadmap of learning https://www.tumblr.com/akaicodes/744920785897111552/roadmap-of-learning-curriculum-related-so-far - 4 months later ♡

• C# - spent ~1 year so far practicing, more comfortable, can build whole sites/programs with little help

• HTML & CSS - started ~5 months ago, confident in both, can style a site without help online, still much to learn

• JavaScript + Vue - Axios - can build “full stack” applications where i do both backend & frontend and host online (love JS!!)

• REST - experienced for 5 months! can build my own REST API, use someone elses with axios & test it thoughoutly with Postman (+Javascript code)

• Unit testing & UI testing - learned so many better ways to unit test & UI test more indeph

• Started leaning Git more with commands

• SQL - can manipulate simple databases and more one from scratch

& huge thanks to my sister @niyacodes for being on this journey with me 💓

++++ I went to a 5 hour exam for all these subjects (+- more) and got the highest grade possible 🥹 (i failed my first programming exam in 1st sem!!!!) ((pic is my favorite after study-snack))

[crownmemes]

Advice; Where to Make Rules and About Pages

If you've read my advice post about the difference between about and rules pages and why they're both important, you may not be wondering the best way to make them. The good news is, there are plenty of options!

Tumblr

The simplest choice. In the past, people would make custom pages on their theme. However, since dash view has become popular (and you can't view custom pages via it, nor can you view them on mobile), most people simply post their about/rules page as a normal text post, and link to it in their pinned post. If you have a custom theme, make sure to link the pages in the navigation bar too!

Using a plain Tumblr post increases your page's readability, but reduces the amount of formatting you can do. If you make your pages elsewhere, you will be able to customise them a lot more.

Carrd

A free website maker. You can make a small site with a free account, and the prices are pretty reasonable if you need to make a bigger site. Carrd has a minimalist aesthetic, and it will also adjust what you make to fit a mobile browser (though this may break your formatting if you have designed something complicated).

Carrd is easy to use, but it is best used for simple designs. If you want to do something more complicated than a basic Carrd layout, you're going to spend a lot of time trying to make the formatting work. If you want multiple pages for your site, you're also going to spend a lot of time formatting as you can't clone pages, therefore have to recreate each one every time instead.

It uses markdown for formatting text. If you're familiar with it, this can speed up writing, but it may slow you down if you've never used it before.

One of the benefits of Carrd is that there are lots of free templates available within the rpc! Here are resources I found with a quick Google search, but there are plenty more out there if you look for them: [x] [x] [x]

Weebly

Another free website maker. You can make more for free here than you can on Carrd. Weebly sites should adapt to work on a mobile browser.

I've never seen anybody use Weebly for about/rules pages, but I do recommend it! It's very easy to use, and, unlike Carrd, you can copy and paste entire pages. This makes it ideal if you have lots of muses that you want to make individual about pages for.

It uses a more typical text editor than Carrd. Instead of markdown, it's more like Microsoft Word - where you highlight text and click buttons to add formatting. You also have HTML/CSS options.

Weebly does offer some free templates, but you're likely to want to edit them to suit your needs more. This is okay! It isn't difficult to do!

Google Docs

A popular, completely free option. As with Carrd, there are plenty of templates and resources within the rpc (here are three examples: [x] [x] [x]). These pages will be viewable on a mobile browser, but the theme may not translate well. Keep readability in mind if you use this option.

If you use this option, also make sure the link you share is viewer only and doesn't have editor permissions!

Other Options (WordPress, Self-Hosting, etc)

Don't feel you have to follow the crowd. If you like to use WordPress, use WordPress. You could also use Neocities, or any other website builder!

Personally, I already own a web domain because I have websites for other online activities, so I use about pages that I've coded from scratch and host them myself. For my rules page, I just use a Tumblr text post that's linked in my pinned post. In the past, I've used Carrd and Tumblr pages for about pages.

If you want to write your site using HTML, some free website hosters will allow you to do this (Neocities, for example). If you're interested in coding, I do recommend this! It allows you to have full customisability, and coding can be a really useful skill. However, one downside of this is it can make your pages hard to read on a mobile browser. It's up to you to decide how important this is.

If you're interested in learning HTML (as well as CSS, JavaScript, and other coding languages), this site is a great resource!

[wumblr]

problem with having a website you made from scratch is you do have to learn html every time you want to update it

[koboldfactory]

anyone got any resources for learning how to use neocities or whatever? I wanna move my portfolio site off of WIX. even though i'm not paying for it i still don't wanna be using it for various reasons. I just dont know any HTML so making a site from scratch has always been really daunting to me

[divinector]

Responsive Website from Scratch

[dingberg]

She's finally here...Roll, in playable form! I've just got basic movement with sketchy animations so far...but just look at her! 🥹

I'm also doing all the coding from scratch (no templates) with no prior coding experience aside from a little HTML, so I've been learning a lot lol.

And for those curious, I'm using Godot.

[occasional-pyrrhon]

ALRIGHT SO!! Here's a passage from a fic called Status Code I've been writing random bits of, don't think I'll complete it for the foreseeable future but the most I've written is on the chapter "404: Not Found" (all of them are names after html status codes). The context:

In this (and everything I draw of them) Arlon and Pyrrhon believe they may have the same origin and live as brothers. They start to have a real connection, but Pyrrhon learning he's not a god and not of earth sends him into a spiral and he starts making plans about the Aurum and taking their power to become a god. During an argument over this Arlon calls him insane in frustration, the last person who hadn't seen him that way up to this point, and before he can realize his mistake Pyrrhon breaks off from Arlon and heads off to fight the Aurum.

Once the war with Hades wraps up Arlon resolves to look for Pyrrhon, who has been MIA since Arlon's recovery from battle. He's not sure if he misses him, is angry and wants to settle it, or just wants to hear his side, but regardless, he singled out his location to a point in space, and out there he comes upon what seems like an inactive Aurum Fortress, and investigates...

Arlon he/they because I can

With that, here it is.

Their shoes clicked onto a dark platform, the sound echoing through the vast and hollow corridor. Arlon could only get short, vague glimpses of the true scale of the machine he was now in as quick pulses of light snaked along the ceiling far above where they stood. Looking below, there were small gaps in the floors where lower layers, and even glimpses of the endless cosmos below, could be seen.

“Hm. Certainly dwarfs the Lunar Sanctum in sheer size,” Arlon muttered, “though Master Pyrrhon failed to warn me of their neglect towards interior design.”

He walked on, listening to the echo. Talking to himself: it was something he has gradually picked up on as a new habit. He could understand why one would do it, but it wasn't anything he would want to have someone walk in on. Still, there was something… stabilizing about it.

Arlon furrowed his eyebrows, attempting to focus on any trace of life in this place. As he walked, he saw what seemed like long-deactivated units of some kind, made of unnatural and sharp shapes, rattling on the ground but falling short of rising.

“There's something ever-so-slightly different about this,” said Arlon. “The temperature can't be that different from what it was like outside, yet it feels awfully cold here regardless.” He scratched his chin, scanning these cybernetic surroundings. “I nearly feel life… not the kind with a soul, but like something that was organic once upon a time. I suppose this pitifully ineffective fortification is similar to the Sanctum in that regard, though there's something just a little off about-”

He stopped.

He felt something.

He turned to his right.

In the distance was a corridor that faded quickly into darkness.

Then, it lit up slightly, with firelight.

“...It can't be…” Arlon stepped forward cautiously and peeked into the shifting darkness. The light revealed a trench a small stretch away from them. The light got closer and closer, then they saw it.

They saw him.

He slowly rose from the crevice, strands of fiery hair rising from the depths. It had grown longer and tipped with ash.

His head was hanging down, away from Arlon.

Arlon nodded and looked down, arms folded behind his back. It stung a little. He was here, finally, but there was clearly baggage that came with that. “Salutations… you seem ashamed of something,” he said. “You don't have to tell me what happened right now, I simply hope we can…” Arlon looked up again, and something startled him.

Pyrrhon's back was emerging out of the abyss now, and… Arlon tried to process it all at once. Lines. Lines with pulsing blue light inside of them, inside of him. They connected to each other and spread out like a motherboard to form a kind of pattern that unfolded as Pyrrhon rose, a rectangular gap as its center. He must have been injured somehow, right? But… no, Arlon hadn't seen anything like this before. So angular, precise, as if it had been slowly carved in. Flickering like something living inside of him. He felt a pit in his stomach. Something was wrong.

Arlon stepped forward a small bit. “...Master Pyrrhon?” He whispered.

It wasn't just his head hanging down either. His whole posture was limp, as if he were being drawn up by an invisible string in his back. His aura was weak, resembling wisps of torchlight rather than the aura of sunlight that Arlon knew. He thought he heard Pyrrhon whispering. He could only make out a vague sound, almost like the two same words or phrases, repeated over and over. Rapidly.

Pyrrhon's whole body floated over this crevice now, not having turned towards Arlon at all during this. A chill went through Arlon's whole body – Pyrrhon's hands and legs were both enveloped in pixels of the same blue electronic light nested in his back. Through that aura, his hands were pure white. They didn't look entirely solid. He was twitching. Otherwise, motionless. Oh gods. Something is wrong, Arlon thought, something is horribly, horribly wrong.

His chest felt light. Arlon took another step forward, hesitantly. “...Sire? Can you hear me…?”

He didn’t answer.

He only hung there in midair… whispering.

Then, with only a pained whimper as a warning, Pyrrhon's body lurched forward as he curled up and gripped his own chest in both arms, trembling. He almost sounded like he was struggling to breathe, as panels flickered in the lines through his body.

“Wh-what's going on here? Speak to your sibling, Master Pyrrhon!”

Once again, he wouldn't answer.

Then, without warning, he opened up again and screamed, as an inferno exploded out from him.

Arlon gasped, barely escaping the corridor and diving out of the way as fire roared out of the opening. He got up and backed away. “Now, what on earth do you think you-!?”

But before he could even react to it, a ball of fire swung around the corner and dived down on him, pushing him down to the ground with a hand pinning him by the chest. Arlon struggled against the much physically stronger arms, straining, unable to open his eyes amidst the stinging flames. “Gh… now I know we left off on the wrong foot,” He said indignantly, “but there is no reason you ought to-” They were cut off as the mass pinning them down raised his hand, and then swiftly plunged a fist into Arlon's stomach. He shrieked in pain, grabbing onto the arm pinning him down and bringing his head down.

The fruitlessness of trying to reason sinking in, he weighed his options internally as much as he could. Maybe he was right about his brother having gone mad if this was his response to seeing Arlon again, or maybe this was just his hatred boiling over.

Arlon couldn't help but try to glare back at his ungrateful supposed sibling, and despite the flames he opened his eyes a sliver.

He went breathless.

Arlon could barely make anything out through the burning veil, but what he could see clearly, among the wavering shapes behind fire, were Pyrrhon’s eyes.

A frozen, soulless smile was being illuminated by two deep pits of blue, glowing with something that wasn't alive, analyzing him.

Arlon tried to think of something to say. Something rational, useful. But he could only manage, fearfully, to utter…

“...Rhonnie?”

The nickname struck something. That robotic smile wavered as Pyrrhon’s eyes widened. He blinked a few times, staring, before dropping Arlon and rising stiffly. Silently, Pyrrhon closed his eyes shut and shook his head, as if trying to wake up from a nightmare. He was stepping back, his formless legs not fully coming in contact with the ground. He couldn't get away from the Aurum. They had him surrounded.

Arlon pushed himself up and stood, watching their brother trembling and clutching his head with one hand, his face expressionless. The pieces were coming together. These things, the ones Pyrrhon used to talk about with a fire in his eyes… they were controlling him. They had trapped him here, and were speaking things into his mind that his sibling could only guess at. Arlon held out his hand. “Pyrrhon, don't listen to them,” he said firmly. “Just come to me, I'm sure we can fix this…”

Pyrrhon didn't move towards Arlon or say a word… could he even understand him right now? He opened his eyes again, the fear in them visible despite the lifeless presence wavering within them. There was a struggle in there, as if he were only looking through, unable to fully process what was before him.

His head tilted, in stilted motion.

“Ar… Arl-?”

Then, like a heartbeat, a wave of light pulsed through the Aurum fortress. Pyrrhon stiffened, the light nesting in his chest searing brighter. He gripped his head with both hands and screamed a horrible scream, lighting up in wild flames, Arlon looking on in helpless terror. He was fighting against the Aurum, fighting harder than Arlon had ever seen anyone fight anything, but it wasn't enough. He couldn't push them back. He could only strain with trembling arms to hold back something much, much bigger than him.

Pyrrhon's wide, fear-filled eyes stared up into nothing, filling with a brightening glow as his head tilted further back, his hands losing their grip and sliding from his head down limp at his sides again.

Then, it cocked its head down at Arlon again, and the smile returned.

Arlon stepped back. “...No, Master Pyrrhon, listen to me-!”

Aurum Pyrrhon sprang at Arlon, fireballs coalescing in its spectral hands.

[the-river-nyx]

Some thoughts on Ai and why I hate it:

Ai is so bad for the environmen it heavily affects cities's water and electricity, so much so that it's amount used on Ai had been quoted as "astonishing". It has also has caused massive losses in the stock market. Ai has never and will never be the solution.

https://www.independent.co.uk/tech/ai-artificial-intelligence-environment-climate-b2643918.html

Writing and reading skills are very important !! Ai is destroying creative spaces as well as critical thinking ability in things like brainstorming, problem-solving, and understanding concepts.

I don't really have an actual problem with most of how people use ai IN FANFICTION (aside from when it's used to create stories from scratch.) It is okay to need spelling and grammar help, and if you continue to write and fixing those mistakes you are learning and that's important.

If you are using Ai so that you don't have to learn (in particularly as a child or teenager) then I think it's a problem because of your necessary cognitive development. Ai does many good things to education too and I don't want to dismiss that. I have much less of a problem when adults are using it because they have already learned how to research and they have developed media literacy (hopefully).

Another problem I see is with the way access to education has been treated in the past. When someone is powerful they want to do everything they can to keep that power and one of the first things that is often eliminated or changed is education. Being able to learn is such an important and powerful thing.

One of the main things Ai is used for is creating pictures and I hope everyone knows how harmful that is to artists, it's awful. There are also many Ai programs that are used for creating sexual content, Ai can be used to make explicit content of anyone without their consent.

I don't support Ai. Supporting one kind of Ai is supporting all forms of Ai.