#best website to learn HTML

[mtech4you]

Free Secure Web Hosting for Students or Individuals for Learning Purposes

दोस्त आज मैं आपको बहोत ही खास जानकारी देना चाहता हूँ जो शायद अभी तक आपको इसके बारे में पता नहीं होगा और इसीलिए आप इस आर्टिकल में आये है, अगर आपके पास होस्टिंग और डोमेन खरीदने के पैसे नहीं हैं, तो घबराने की जरूरत नहीं है। आज के इस आर्टिकल में मैं आपको बताऊंगा कि कैसे आप Free Resources का इस्तेमाल करके ब्लॉगिंग, वेबसाइट डिजाइनिंग, और वेब डेवेलपमेंट जैसी Skills को बिना पैसे खर्च किए सीख सकते…

[genderkoolaid]

I come late to organizing as a transgender activist. In doing so, I’ve learned a lot. I’ve learned transgendered people truly are everywhere and not just in New York, San Francisco and Washington D.C. I’ve learned many want to quietly assimilate into the white, heterosexual, middle class status quo that is the dominant culture of our nation. I’ve learned quite a few of us have no wish or desire for such assimilation — that for some of us, our greatest desire is to shake up that dominant culture, to question gender and identity on every level — social, biological, political and personal. I’ve learned that perhaps right at this moment there is a transgendered person — most likely an MTF transsexual or crossdresser, most likely a person of color, being brutally murdered. I’ve learned people much younger than I are coming out as transgendered in ways I never believed possible when I was their age and are challenging not only the status quo, but also calling on “old” activists like me to take another look around and see the world through their eyes. And I’ve learned that, perhaps like all other communities, we love to eat our own. Some of you reading this are aware of the controversies and conflicts swirling within the transgender community, most of which focus upon the organization GenderPAC. For those of you who aren’t up on it, here’s an abbreviated version. A significant number of transgender activists and community organizations have taken issue with GenderPAC’s expansion of its mission and vision to incorporate a larger view of gender rights rather than a specific and focused emphasis upon civil rights advocacy for transgendered people. Depending on whom you ask, this reinventing of GenderPAC is either the logical extension of its organizational vision to secure the rights of all people to free gender expression — or the cold-blooded abandonment of the very community by whom and for which it was created, nurtured and financially supported. Being the baby TG activist I am, I come to this drama late. Long after the battle lines were laid down. Long after sides were chosen, opinions formed and set in stone. Long after wounds (both real and imagined) were inflicted.

I’ve watched carefully for the past couple of years as the battle has played out online, in internet chat rooms, and on mailing lists. I’ve read statements from individuals and organizations that have taken a stand on the issue. I’ve received press releases and announcements from one camp or another; a battle of media propaganda that would make the veterans of the Cold War proud. And through it all, I’ve tried to be a rather casual observer, if one can be casual as they watch some of the best and brightest of their community consumed in an internal battle that threatens to tear the entire community apart. Of course my being a casual observer hasn’t stopped a few folks from demanding to know where I stand. I’ve been pulled aside at conferences and been given “information,” primarily innuendo and accusation, so I am up to speed on the situation. I’ve been directed to websites that were little more than character assassinations in badly laid-out HTML. And I’ve been emailed privately and off-list by those concerned I was going to make the “wrong choice.” Want to know what my answer to these people is? Okay, here it is — I really don’t care. That’s right. I DON’T CARE. You see, I believe almost everyone entangled in this controversy is acting in what they believe are the best interests of the community with which they feel most closely aligned. I believe they’re doing the best they can with what they have. I believe mistakes have been made by everyone involved, that the personal has become political in the most destructive of ways. I also believe in change and evolution; that even organizations that have had to be forced to listen to me and to consider my issues can learn from their mistakes and realize they must make a seat for me at the table if they are to truly realize the dream of civil rights for themselves and for others. But most of all, I believe in hope. I was asked point-blank whose side I was on. This is my answer: I am on the side of whoever has the guts and initiative to end this thing and make a real effort to move our community forward out of this debilitating and destructive conflict. I’m on the side of anyone who is more interested in healing the wounds than in proving who is right. I’m on the side of those who have the ability and the willingness to put aside their personal and political animosities and seek some way to bring together everyone involved to begin a healthy dialogue, one without finger-pointing and name-calling. Until that happens, I guess I’m on the side of those who are the most negatively affected by this dysfunctional family feud. In case anyone needs a refresher course as to who those folks are and the issues they are dealing with, allow me to introduce just a few of them. The transsexual FTM who has lost custody of his child when he began transition; the butch lesbian who lost her job because she refused to wear makeup or shave her legs; the crossdresser whose wife is seeking a divorce and custody of the children he adores; the effeminate gay man beaten to death and crucified on a fence on a lonely Midwestern plain; the 17-year-old MTF doing tricks in the back alleys of San Francisco because her parents kicked her out when they found “him” wearing dresses; the FTM who died of uterine cancer because he couldn’t get insurance approval for a hysterectomy after he had completed sexual reassignment. Ultimately, it is these transgender, transsexual and gender- variant people who have the most to lose if someone doesn’t step up to the plate to end this.

"Gender, Identity Politics, and Eating Our Own" by Alexander John Goodrum (2001)

[snewdraws]

if yall want to have fun on the internet while feeling like apart of a community you should join neocities and make your own personal website im so srs.

you’ll need to learn html coding but there are loads of free templates you can use! this layout generator is a great place to start, and neocities also has their own starter guide. i promise coding is not as scary as it looks, once you learn the basics it is rewarding & fun!

having a personal website on neocities is like having a little virtual house that you can freely customise how you want then you can go and visit other ppls virtual houses. it’s comfy, slow-paced and very welcoming compared to current social media.

if you don’t want to join, i still recommend checking out peoples websites ^_^ they are interactive works of art! keep in mind most are best viewed on a computer rather than mobile.

here is my website if you’d like to check it out :3

[geoledgy]

your oc website is SO SO SO SO INCREDIBLY COOL how the hell do you even start learning how to do this ?? if you learned how to do this by yourself online, are there any tutorials or resources you can share with us? was making this website free??

omg THANK YOU SO SOOOOOO MUCH!!! It makes me so happy to hear that folks like my little site. I code my site with Phoenix Code (for the live viewer and number dials) and I host my site on Neocities - it is all free. Phoenix can be used in browser or on desktop, but I like having it on desktop more for big projects in case my files get deleted. I use the browser version when I just want to test something quickly.

The 2 videos I use and can not recommend enough to anyone who asks me are this HTML tutorial and this CSS tutorial. They are simple and easy to understand, but I recommend watching it the first go, and then following along the next few watches until you get the flow of basic parts to a website, how they're organized, and what order they go in. At this point, I've memorized exactly where everything goes, and it is all thanks to these 2 videos.

If I am being honest, I learned how to code by myself, not quite even with online tutorials but just from being stupid and messing around myself (1, because I was a kid, and 2, because I didn't understand English very well to know what tutorials are saying.) I used to do html coding for Neopet pages when I was a kid with too much online time, first by just editing the default petpages and adding info and images, and then just doing trial and error with the html. I'll just try something and then if it doesn't turn out the way I want it, I try to find out why it didn't work and also get inspiration from other similar sites to figure out where things go or how they coded (with this nifty thing called right click > inspect page or right click > view page source). And BOOM, working webpage.

It was rudimentary, white blank background without any boxes or anything, you just scrolled down the page and sections were separated by a horizontal bar. OH and every text was centered! I had no idea how to make scrolling boxes or fancy assets, but damn I still had so much fun working on it every weekend. When you find authentic selfmade sites from the 90s and 2000s, most of them aren't super fancy either unlike what modern nostalgia makes you think. So I hope you don't feel discouraged if you begin making a website and feel it isn't "fancy", you're already doing a first big step which is making a webpage and learned your first set of html code!

It was over a decade later before I coded webpages with html again. I've gotten lazy and started relying on site builders, but nothing was quite as versatile as html. I wanted to try coding my own OC site again, so that was when I started working on OutKrop (the site I posted). Until I started coding again, I had literally no idea what CSS even is (and let me tell you, it's a game changer!)

Personally, I work best when I can do things hands on. I don't read through tutorials, I code first then go back and read through coding help sites like w3schools when I find myself stuck and unable to figure something out. Sometimes I grab existing codes and play around with them to see what changes and what I can do with it, cuz having visual context is what helps me a lot.

I can also share my process:

Once I gather up some ideas, I make a sketch, including what boxes (divs in css) should approximately go. It is very rough, but shows me exactly what I need to know.

Next I load up my coding app (Phoenix Code in my case) and "sketch" the layout. Nothing fancy going on here, just putting things where they need to be, and fixing size of boxes and margins if needed. I give my boxes all a background color so I can easily see how big they are and where they are located.

After some adjustments like moving stuff around and adding assets like backgrounds and images, and changing colors of the boxes, rounding off corners, etc., we get this!

so recap + additional useful sites I use:

Coding app: Phoenix Code

Site hosted on: Neocities

Video tutorials: HTML and CSS

Sites for learning code: w3schools, also lissa explains is a great site that is written for kids to learn html so it's easy to understand. Finally, sadgrl has a lot of great resources for coding as well!

I recommend looking through these sites AFTER you tried taking a spin at coding - it doesn't have to be anything fancy just follow the HTML video tutorial I linked!

Thanks for the ask, and I hope this helps you and many others out there who are interested in building a site with html/css! Don't be afraid to get things "wrong" or have an "un-fancy" site. This is how you learn to code, and it'll become so easy once you get the hang of it.

Anyone is always more than welcome to reach out for coding help and advice :-]

[sun4kiss]

Hihihihi this isn't a request, is like a question, how do you put different colors on the texts? I saw you have pretty colors and I just can't do it bc I just have the 7 predeterminated colors 😭😭😭

Okkk I'll try to teach in an easy way.

it took me a long time to learn because each site i visited said something different and it never worked. in the end, i had to seek help from my brother who graduated in IT😭

I don't know if it's possible to do this through the app because most of the time, I use the website to publish my works

the secret of this is html code.

step by step:

firstly find the color code you want here

now create a new post > configuration button in the top right corner > text editor > change rich text to html

then you will use this code:

<span style="color: #000000"><b>write your text here</b></span>

and... tada! :

memorabilia album of the year.

code that I used

<span style="color: #8B0000"><b>memorabilia album of the year.</b></span>

you can also make a gradient effect. to do this, you will have to change the color of each word or letter, depending on how you want it to look.

like this:

heeseung best all-rounder in kpop

code that i used

<span style="color: #ffefd5"><b>heeseung</b></span>

<span style="color: #ffe4b5"><b>best</b></span>

<span style="color: #ffe4b5"><b>all-rounder</b></span>

<span style="color: #EEE8AA"><b>in</b></span>

<span style="color: #EEE8AA"><b>kpop</b></span> </p>

notice that I added one word at a time and changed the colors in the code? In fact, I'm still learning how to mix colors for a gradient effect, this one didn't look so good but I just wanted to show you how to do it

I hope you understand, with time you'll get the hang of it

when I finally discovered how to change the colors, I spent a whole day just playing with it was so much fun😭

[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 🇵🇸

[riacte]

Anyways I forgot a formula for an excel spreadsheet so naturally I navigated to my OC spreadsheet because I know I had that exact formula there. It’s like how my Wattpad cover making days made me learn how to use Canva and I make annotations on maps in Procreate. (Procreate is seriously not the best but I learned my way around it.) I learned HTML and CSS for writing fic and making a Neocities website for my favourite song. I learned to use inspect element for unreality mock-ups. I learned about overlay and multiply and screen and change hue from my Love Live sprite edit days. All my skills are cobbled together and precariously held like Jenga blocks. Fuck around and find out. This shit has always been so ass

[ali3nboyfriend]

literally the best thing Neopets did was encourage a ton of young people to learn how to code HTML and CSS by providing them with little customizable web pages for each of their pets AND THEN OFFERING TUTORIALS ON HOW TO CODE BASIC HTML!!! ON THE WEBSITE!!!

and i just checked, those tutorials are still up! to this fuckin day!!

encouraging kids to learn coding is REALLY good and REALLY effective for their computer literacy long-term, it's such a fucking shame we don't see stuff like this any more

[tempural]

Hi!! I wanted to say that I loved reading about your journey of creating a personal website. I'm still unsure between Vercel and Netlify. I have a small question to ask. See, one of the reasons I want to make a website is to archive drawings and journal/sketchbook. Would you have any tips for creating an area on my website just for the diary/journal, which has tags, files for each entry, etc.?

Bello!

Really happy to hear about your interest in websites! I want everyone to make their own site so I don't have to log into social media and get instant tummyaches ♥

Vercel vs Netlify: I think I settled on Vercel for absolutely no reason whatsoever. I just made a site on Netlify, then tested on Vercel, and now I have like 5 websites on Vercel so I just kept using it LOL. I'm sure a more tech-savvy person would know the difference - I think they have certain integrations with specific programs.

Creating a diary or journal with tags:

There's a couple of different ways you can do that, with different levels of work needed.

you got me yapping again:

This sadgrl tutorial might be outdated and may or may not work, but explains the process better than I can.

Easiest: make a journal on Dreamwidth, or another blogging site (wordpress??) that allows easy tags and RSS feed, and embed that RSS feed onto your site.

This requires almost no HTML set-up, and the easiest to organize tags, but you don't truly have the data on your own site since it's just embedded.

When I snuck into a web design class at college, this was one of the methods that the professor used for a blog within a portfolio site LOL.

Shit like wordpress is what a LOT of ~professional~ sites do for their blog section. They code it separately from the main site haha. It's the most popular thing, but not necessarily the best. And wait til you read on what the CEO of wordpress has been having meltdowns about... he owns tumblr too!

It's made with a tutorial for Neocities if that's what you use.

Medium: Set up zonelets.

It will require some HTML and JS editing, but will help automate making headers/footers for each page of a blog.

I've never used it myself, but I see other people speak highly of it.

HARD FOR ME CUZ I'M A GORILLA: I believe a lot of professional web devs will slap your face with their coding cock until you use a static site generator (SSG) to make your site.

You will need some coding knowledge to set up the tagging system since it doesn't come with it enabled by default. But it's made explicitly to be an alternative to big Static Site Generators which are...

It requires some more intimidating knowledge, because it's a lot of scripts that turn files that are not HTML/CSS/JS into plain HTML.

Also you have to use the command line, and that doesn't come with buttons that tell you what you can do. You have to copy/paste all that shit or memorize the code to 'dev build astro' and it all looks silly.

I've used Eleventy, and now am using Astro. Other people use Hugo or Jekyll or some other stuff with crazy names like Glup Shitto. I hate all these sites cuz none of the words mean anything to me. This is a common theme for me and tech. I don't know what NODES or CONTENT or ISLANDS are!!!

I had the most success attempting to learn how to use a SSG by downloading a template and altering it with github + VScodium. Here's the template page for Astro. You click on a theme you like, and it takes you to its github page. (If you don't want to use evil Microsoft stuff sorry. Skip this entire section.) Follow the instructions on the page for "forking" the glup shitto. When it tells you to run commands, I run those commands through the terminal window in VScodium. These tutorials never tell you what these commands do cuz they assume you already know. Usually those commands automatically install the files you need onto your computer, and create the final files.

You can see my wip here for a "tag system" that SHOULD show members of a web listing haha but I don't know what I'm doing and I have a reading disorder AND don't know cumputer good.

THEORETICALLY this will be the simplest and easiest way to maintain tags and files, because after you set it up you just have to write the "content" of the blog page. And you don't have to set up the header/footer ever again. I see the vision, and potential, but I am not there yet when it takes me 5 hours a day to figure out what any of the words in the documentation mean and I don't want to ask an actual tech person cuz they will be like 'obviously just press the Blip on the Repository and then Suck My Ass in the command line".

(side note I haven't updated fujofans in like a year cuz I'm struggling with this part to make updating easier).

Con: the final HTML/CSS code is really ugly if it's "minified", and a lot of themes use """"""professional"""""" CSS libraries like Bootstrap and Tailwind that I honestly think are ugly cuz that's what every fuckin' tech website uses to style their pages and make them look Professional and Minimalist with stupid code like style="500-w dark-gray-balls D-cup-bra" on every single element. Even Toyhouse uses Bootstrap. Eugh!

But maybe you're smarter than me and can wrangle these things better!

That was really long. Woops. I hope you can slug through this wall of text and find something helpful. Feel free to email me if you have any more specific questions. I may or may not be helpful.

If someone else sees this and has better suggestions for making BLOGS, please chime in. I'm begging you.

[snickerduu]

how did you make your own website? & how long did it take you to make it? i am interested in web dev,,, do you have any tips or any helpful sites for beginners/ intermediate? (sorry for asking so many questions!)

hey no problem, asking is a great way to learn always!!

i started on my portfolio site i think around september 2022, forgot about it because of work, then went back to it and deployed it around march 2023! i learned a lot at work, so i just applied what i learned from working in web dev to my own personal site

regarding how to start, if you're a complete beginner, i'd suggest playing around with HTML/CSS first since it's kind of the basic building blocks for doing frontend stuff -- for the first few projects you could try copying simple sites like Google's home page :) there are little interactive tutorials you can find online too like flexbox froggy that can help teach diff concepts in a fun way!

after feeling comfortable with it, i'd suggest playing around with ReactJS when starting out with web dev; it's easy to get into because of its extensive documentation and its large community! there are step-by-step guides into setting it up and several tutorials (both video/article)

if you decide to get into actually deploying your stuff and connecting it to APIs, you can start looking into other frameworks like NextJS/GatsbyJS etc.

getting yourself into a web dev project, like maybe making a small notes/checklist web app or your own portfolio site is a fun way to experiment!! the hardest part is always finding the motivation to start them imo :) wishing u the best on ur web dev journey!!!!! 💗

[smellslikebot]

"how do I keep my art from being scraped for AI from now on?"

if you post images online, there's no 100% guaranteed way to prevent this, and you can probably assume that there's no need to remove/edit existing content. you might contest this as a matter of data privacy and workers' rights, but you might also be looking for smaller, more immediate actions to take.

...so I made this list! I can't vouch for the effectiveness of all of these, but I wanted to compile as many options as possible so you can decide what's best for you.

Discouraging data scraping and "opting out"

robots.txt - This is a file placed in a website's home directory to "ask" web crawlers not to access certain parts of a site. If you have your own website, you can edit this yourself, or you can check which crawlers a site disallows by adding /robots.txt at the end of the URL. This article has instructions for blocking some bots that scrape data for AI.

HTML metadata - DeviantArt (i know) has proposed the "noai" and "noimageai" meta tags for opting images out of machine learning datasets, while Mojeek proposed "noml". To use all three, you'd put the following in your webpages' headers:

<meta name="robots" content="noai, noimageai, noml">

Have I Been Trained? - A tool by Spawning to search for images in the LAION-5B and LAION-400M datasets and opt your images and web domain out of future model training. Spawning claims that Stability AI and Hugging Face have agreed to respect these opt-outs. Try searching for usernames!

Kudurru - A tool by Spawning (currently a Wordpress plugin) in closed beta that purportedly blocks/redirects AI scrapers from your website. I don't know much about how this one works.

ai.txt - Similar to robots.txt. A new type of permissions file for AI training proposed by Spawning.

ArtShield Watermarker - Web-based tool to add Stable Diffusion's "invisible watermark" to images, which may cause an image to be recognized as AI-generated and excluded from data scraping and/or model training. Source available on GitHub. Doesn't seem to have updated/posted on social media since last year.

Image processing... things

these are popular now, but there seems to be some confusion regarding the goal of these tools; these aren't meant to "kill" AI art, and they won't affect existing models. they won't magically guarantee full protection, so you probably shouldn't loudly announce that you're using them to try to bait AI users into responding

Glaze - UChicago's tool to add "adversarial noise" to art to disrupt style mimicry. Devs recommend glazing pictures last. Runs on Windows and Mac (Nvidia GPU required)

WebGlaze - Free browser-based Glaze service for those who can't run Glaze locally. Request an invite by following their instructions.

Mist - Another adversarial noise tool, by Psyker Group. Runs on Windows and Linux (Nvidia GPU required) or on web with a Google Colab Notebook.

Nightshade - UChicago's tool to distort AI's recognition of features and "poison" datasets, with the goal of making it inconvenient to use images scraped without consent. The guide recommends that you do not disclose whether your art is nightshaded. Nightshade chooses a tag that's relevant to your image. You should use this word in the image's caption/alt text when you post the image online. This means the alt text will accurately describe what's in the image-- there is no reason to ever write false/mismatched alt text!!! Runs on Windows and Mac (Nvidia GPU required)

Sanative AI - Web-based "anti-AI watermark"-- maybe comparable to Glaze and Mist. I can't find much about this one except that they won a "Responsible AI Challenge" hosted by Mozilla last year.

Just Add A Regular Watermark - It doesn't take a lot of processing power to add a watermark, so why not? Try adding complexities like warping, changes in color/opacity, and blurring to make it more annoying for an AI (or human) to remove. You could even try testing your watermark against an AI watermark remover. (the privacy policy claims that they don't keep or otherwise use your images, but use your own judgment)

given that energy consumption was the focus of some AI art criticism, I'm not sure if the benefits of these GPU-intensive tools outweigh the cost, and I'd like to know more about that. in any case, I thought that people writing alt text/image descriptions more often would've been a neat side effect of Nightshade being used, so I hope to see more of that in the future, at least!

[martian-astro10]

I STRECTCHED MYSELF TOO THIN AND NOW I AM DYING

me and my best friend were talking about when life gives you tangerines and we are both deep thinkers and love to analyze stuff, and we talked about the lesson of the show and everything else for like 6 hours and we have done the same thing for other shows as well (arcane, severance, the crowned clown), so after finishing the discussion I was like..."yooo, we are so smart, I think we should start a podcast" I SAID IT AS A JOOOKE, this girl, she goes "you know what, you are right, we are so fucking intelligent" and I thought she was also joking.........she was not. Then she managed to persuade me so we went and got mics and all and then started writing a script, mind you, our sem end exams are starting from 11th April and we have 7 subjects that are extremely content heavy. We are studying and doing this and then this bitch......she is like, "I'm also creating a website to share my personal opinions on thai bls, do you wanna do something like that as well" and I was interested so now I am creating a website blog thingy where I will talk about pieces of media in general (books, movies, shows) and dissect them through the lens of media psychology. Here's the thing, we don't know how to create a website so now we are doing a course of html, C++, and Java......Also, I was tired of seeing AI art everywhere so I started doing and learning digital art. Also, I'm doing like this short term marketing course AND planning the thesis topic for my last year............and now......I am dying.....yeah......OOOOH ALSO, I live alone, so I gotta cook, wash dishes AND clean the house........BUT I am very passionate about all the stuff so here we are........

RANDOM ASS LIFE UPDATE THAT NO ONE ASKED FOR

[dominiqueramseyart]

Do you have any tips on going about making a website for your art/yourself

Think about your site layout Research the website layout you want to fit your art the best first, above anything!

I had to make this seperate blog because my currently portfolio site does not best fit my art needs, but I also can't up and delete it. So now I am paying for 2 seperate websites.

Domain name and coding If you don't already, I recommend learning basic coding (html/CSS) so you can have full control over your site. Squarespace (my portfolio site) is ok but im limited on what I can do with it. Im currently learning how to do HTML myself.

It will cost money on top of paying for the site hosting, but get an official domain for your site. Be sure that this domain name is easy enough to spell and represents you in some way (your name, art subject, etc.

Accessibility Take accessibility into consideration when creating your site. Such as using a max of 3 different fonts, have colors contrast each other, use alt text where you can, and have your font be dyslexic friendly.

The dyslexic friendly font is typically the less aesthetic fonts, but at least your audience will be able to read it lol.

[dailyhmsw]

{"I just wanted to tell ya' that you have made me start trying to learn HTML coding due to the 'event'-"} {"This is painful" /j} {"HOW COULD YOU DO THIS TO ME XD"}

{also your website is the first thing I've ever bookmarked on my laptop}

*a person

HAHAHA YEEAAAAHHHHH that's just how it feels to code anything ever

though i will say w3schools and mdn web docs have helped a lot to just go through to make sure i understand what i'm doing or what i'm doing wrong. you get the hang of it eventually! best of luck anon o7

[jesterwaves]

Making a personal website

Why do it?

Having a website is a great creative outlet, and gives you way more control over your space than social media. You are in full control of the content you host on your site, and, if you ever need to migrate to a new host for it, you won’t have to worry about losing a bunch of stuff (for the most part)

Make a page that's just a bunch of pictures of wizards! Turn it into an ARG! Use it as a portfolio! Make it dedicated to your OC Verse(s)! The world's your oyster! HTML and CSS may seem like a lot at first but it's honestly not very hard to learn!

You don't need to be an expert to have a good looking website!

Sections:

Where to Host + File Hosting

Actually Making a Website

What to write your code IN

Keeping Your Site Accessible

Preventing Scrapping with a robots.txt

Etiquette and Useful Terms

Where to Host

There are a few places around the net you can find, but for a personal, fully customizable site you’ll want to avoid commercial places like Squarespace. Squarespace is aimed at people who don’t want to make a site from scratch and are specifically looking at something professional for a portfolio or business. You won't have the rights to the code!

Neocities is the biggest name in the indie web space right now, but Nekoweb has gained some attention lately. You can even use both as a mirror of one another, and if you ever need to move hosts, you can download all your files from either of them.

Differences Between Neocities and Nekoweb:

Neocities offers 1 GB of storage

Nekoweb offers 50MB of storage (half of neocities)

Nekoweb does NOT restrict what file types you can host

Neocities restricts file types to non-supporters. Most files are fine, you'll probably only run into issue with video or audio files (but those eat up a lot of space anyway...) Full list here

IMO Neocities is also just more beginner friendly

NOTE: nekoweb has a robots.txt on their server by default, neocities does not but AFAIK new sites will be given a robots.txt for which they can set the allowed/disallowed themselves. There has been some misinfo about this: this is not neocities giving your data to ai, this is really just the default state of the internet, unfortunately. Either way, you can set up a robots.txt yourself to say whatever you want!

Alternate File Hosting

It’s best to host everything you can on the same host as your site, but if you're limited in space or type, you can host it somewhere else.

Make sure to use something dedicated to hosting files, otherwise your links may end up breaking (so don't use discord). I use file garden, which I have liked, though it's slow sometimes. I know others around neocities who have used catbox.moe… but those links always break for me, for some reason.

If you don’t mind hosting on youtube or soundcloud, there are ways you can embed those players onto your site as well!

I host audio and my art gallery on file garden; everything else is directly on my site and it only takes up 2.5% of my 1 GB of space!

Nekoweb and Neocities aren't meant to be used as file hosts, so don't try to use your neocities as "extra storage" for your nekoweb site, or visa versa.

The Actual “Making a Website” Part

For designing your website, I recommend to browse around personal sites on neocities and nekoweb for inspiration before drawing something out. If you don’t want to design a site yourself, there are plenty of templates, including the classic sadgrl.online site generator (and this guide to tweaking it).

Neocities Guides for Absolute Beginners (if you've never used any html, this is a good starting place)

Making a layout from start to finish (if you know what an html tag is, this should be fine for you; it's what I used!)

Making your website responsive (I swear it’s so easy to make your website mobile accessible unless you’re doing something totally crazy with it)

Sadgrls other guides

The Mozilla and W3Schools documentation are useful resources, but may be confusing to you at first. I myself learned basic HTML, CSS, and Javascript ages ago on Khan Academy, but as Khan Academy started using AI at some point, I have no idea how those hold up.

Take it in pieces, you’ll get a hang of it!

Relative Links

You don't need to link your full URL to link an image; you can link files relatively. For example, if I have a page in my main directory, and an image in folder titled "images" within that directory, I can just link it like this: "/images/image.png" You may or may not need the slash in the beginning, depending on your host. For neocities, I typically don't.

But what if you have a page in a folder and want to access a link in the main directory? Just add two dots for each folder you want to move backwards from: "../image.png" (1 folder backwards) "../../image.png" (2 folders backwards)

Avoid using relative links on your "not_found.html" page, because that page displays anytime a user tries to access a page that doesn't exist, and it will attempt to retrieve links from whatever the user typed into the bar. eg, if a user typed in "your-url/folder/page", it will treat relative links as though it is in that folder.

What to Write Your Code IN

If you make a file for all your website files and organize it in the same way as it is on your website host, you can open your html files in your browser offline and preview how they work and function.

Codepen is a great free code editor for html, css, and js specifically, which also allows a live preview of your site.

I've tried Dreamweaver and it's super buggy (and definitely not worth the price). I know some people use Visual Code Studio but I've never tried it myself.

Keeping Your Site Accessible

Many websites on the indie web right now, are unfortunately, accessibility nightmares… But, it’s actually not that hard to make your website more accessible without sacrificing your artistic intent

Semantic tags are tags that don’t have a specified style but help screen readers interpret content. You should also be careful not to use tags for something other than their intended purpose. Here’s a guide to semantic tags.

Alt text can describe elements to screen readers, but for decorative content like dividers, it's unnecessary. To let a screen reader just pass over them, set the alt property to an empty string ("")

Alt text furthermore should be descriptive but concise. Focus on the most important details and meaning/purpose of the image, not all the little details. Descriptions should also be objective, not subjective.

Color Contrast: text with low contrast against the background may be difficult or even impossible for some people to read. You can check color contrast using firefox’s developer tools, or through this website.

Flashing imagery and bright colors should, at the very least, be warned against. There is a way to use Javascript to freeze gifs, but it’s a bit complicated

Many people make their index page list content warnings so people can prepare themselves ahead of time, or turn back if content on the site may be harmful to them.

These are just the major things I’ve run into myself, but I’m still learning how to make my pages more accessible. For more info on things you can do to make your site more accessible check out these resources.

Prevent Scraping with a Robots.txt

This is not a foolproof method, in fact, bad actors will scrap your files anyway. All a “robots.txt” does is politely request that robots don’t scrap your site for anything… It’s up to the programmers to make their robots LISTEN. Here’s an article that has a blocklist for a bunch of the major bots.

I know this may be demoralizing, but unfortunately the only way you can “protect” your files against ai is to never share them. But, ai can never replace the way you feel about your work or the desire other people have to connect with it. AI can only ever produce a stale, easily digestible imitation… Basically, I know it's scary right now, but keep making your stuff. Do what you can to protect it…. But please don’t let ai stop your spirit!

Etiquette and Useful Terms

88x31 buttons were a staple of the old web, so many people make buttons for their site so other people can link to it!

Hotlinking refers to linking a file from someone else’s site to your own. This isn’t a big problem for big websites like tumblr or twitter, but hotlinking a file from someone’s personal site uses THEIR bandwidth anytime someone loads YOUR site and is frowned upon. This is only applicable to FILES on someone’s page, just linking to their page is fine!

i had an example but tumblr thought it was actual code...

Most browsers allow you to look at the source code for a website by right clicking and choosing "view source". This is a great way to learn how people do certain things... but they may not take kindly if you copy their code. Use it as a guide; don't copy huge chunks of code unless they have said it's okay to.

A webring is a collection of websites with some shared trait/topic that link to each other so that it forms a ring (i.e: Website 1 <--> Website 2 <--> Website 3 <--> Website 1). Web listings and web cliques are similar concepts; it’s basically like joining a club.

An RSS feed is basically like a “following” tab…but for the whole internet (well…any site that has an RSS feed). That way, people who don’t have a neocities or nekoweb (or other) account can get updated whenever your site does. To subscribe to an RSS feed, you’ll need a feed reader, which you can find as an extension for whatever browser you use. As for making a RSS feed, here’s a simple guide.

Javascript’s pretty complicated and I just look up what I want to know and learn from there so I'm not confident to give you help. But, I had to learn that scripts are very picky about where you declare them. If they aren't working, try moving them around.

I'm not an expert, so apologies if I've said anything wrong/confusing. These are resources I found useful or WISH I had when I started. Happy coding!

[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!