#load more html css

[divinector]

Load More Button CSS Only

Check out Divinector YouTube Channel For more  

[genericpuff]

I'm sorry, but this should come as a shock to absolutely no one.

Just a little bit of 'insider info' (and by 'insider' I mean I was a part of the beta testing crew a few years ago) Webtoons has been messing with AI tools for years. You can literally play test that very same AI tool that I beta-tested here:

Mind you, this is just an AI Painter, similar to the Clip Studio Colorize tool, but it goes to show where WT's priorities are headed. I should mention, btw, that this tool is incredibly useless for anyone not creating a Korean-style webtoon, like you can deadass tell it was trained exclusively on the imports because it can't handle any skin tone outside of white (trying to use darker colors just translates as "shadows" to the program, meaning it'll just cast some fugly ass shadows over a white-toned character no matter how hard you try) and you just know the AI wouldn't know what to do with itself if you gave it an art style that didn't exactly match with the provided samples lmao

And let's be real, can we really expect the company that regularly exploits, underpays, and overworks its creators to give a damn about the ethical concerns of AI? They're gonna take the path of least resistance to make the most money possible.

So the fact that we're now seeing AI comics popping up on Webtoons left and right - and now, an actual "Webtoon AI" branding label - should come as zero shock to anyone. Webtoons is about quantity over quality and so AI is the natural progression of that.

So yeah, if you were looking for any sign to check out other platforms outside of Webtoons, this is it. Here are some of my own recommendations:

ComicFury - Independently run, zero ads, zero subscription costs (though I def recommend supporting them on Patreon if you're able), full control over site appearance, optional hosting for only the cost of the domain name, and best of all, strictly anti-AI. Not allowed, not even with proper labelling or disclosure. Full offense to the tech bro hacks, eat shit.

GlobalComix - Very polished hosting site that offers loads of monetization tools for creators without any exclusive contracts or subscriptions needed. They do offer a subscription program, but that's purely for reading the comics on the site that are exclusively behind paywalls. Not strictly anti-AI but does require in their ToS that AI comics be properly labelled and disclosed, whether they're made partially or fully with AI, to ensure transparency for readers who want to avoid AI comics.

Neocities - If you want to create your own site the good ole' fashioned way (i.e. HTML / CSS) this is the place. Independently run, offers a subscription plan for people who want more storage and bandwidth but it only costs $5/month so it's very inexpensive, and even without that subscription cost you won't have to deal with ads or corporate management bullshit.

Be safe out there pals, don't be afraid to set out into the unknown if it means protecting your work and keeping your control as a creator. Know your rights, know your power.

[nofollowgame]

Some more blinkies to appear in No Follow 「game」! See 'em in better quality there.

🎨 i draw with pixels 💾 i forgot to save ❤️ i love HTML ⌛ still loading... ⬜ i hate fake PNGs 📝 bring up my post ❤️ i love CSS ✉️ stop emailing me 📞 stop calling me

You can use as well -- credit/link back appreciated :-P

[screentones-webcomicresources]

There are many web hosting companies to choose from if you're taking the plunge into making your own website with a comic content management system (CMS) like ComicControl or Grawlix, a Wordpress comic theme like Toocheke or ComicPress, or a HTML template to cut/paste code like Rarebit. While these solutions are generally free, finding a home for them is... generally not. It can be hard to choose what's best for your webcomic AND your budget!

We took a look at a few of the top hosting services used by webcomics creators using webcomic CMSes, and we put out a poll to ask your feedback about your hosts!

This post may be updated as time goes on as new services enter the hosting arena, or other important updates come to light.

Questions:

💻 I can get a free account with Wix/Squarespace/Carrd, could I just use those for my comic? - Web hosts like this may have gallery functions that could be adapted to display a series of pages, but they are very basic and not intended for webcomics.

📚 Wait, I host on Webtoon, Tapas, Comic Fury, or some other comic website, why are they not here? - Those are comic platforms! We'll get into those in a future post!

🕵️‍♀️Why does it say "shared hosting"? Who am I sharing with? - "Shared hosting" refers to sharing the server space with other customers. They will not have access to your files or anything, so it is perfectly fine to use for most comic CMSes. You may experience slowing if there is too much activity on a server, so if you're planning to host large files or more than 10 comics, you may want to upgrade to a more robust plan in the future.

Web Host List

Neocities

Basic plan pricing: Free or $5/month. Free plan has more restrictions (1 GB space, no custom domain, and slower bandwidth, among other things)

Notes: Neocities does not have database support for paid or free accounts, and most comic CMS solutions require this (ComicCtrl, Grawlix, Wordpress). You will need to work with HTML/CSS files directly to make a website and post each page.

Hostinger

Basic plan pricing: $11.99/month or $7.99/month with four year commitment (monthly, 1, 2, and 4 year plans available).

Notes: Free domain for the 1st year. Free SSL Certifications. Weekly backups.

KnownHost

Basic plan pricing: $8.95/month or $7.99/month with four year commitment (monthly, 1, 2, and 4 year plans available).

Notes: Free DDOS protection. Free SSL Certifications.

InMotion Hosting

Basic plan pricing: $12.99/month or $9.99/month with three year commitment (monthly, 1, and 3 year plans available).

Notes:  Free SSL Certifications, free domain names for 1 and 3 year plans. 24/7 live customer service and 90-day money-back guarantee. Inmotion also advertises eco-friendly policies: We are the first-ever Green Data Center in Los Angeles. We cut cooling costs by nearly 70 percent and reduce our carbon output by more than 2,000 tons per year.

Reviews:

👍“I can't remember it ever going down.”

👍“InMotion has a pretty extensive library full of various guides on setting up and managing websites, servers, domains, etc. Customer service is also fairly quick on responding to inquiries.” 👎“I wish it was a bit faster with loading pages.”

Ionos Hosting

Basic plan pricing: $8/month or $6/month with three year commitment (monthly, 1, 2 and 3 year plans available).

Notes: Free domain for the first year, free SSL Certification, Daily backup and recovery is included. Site Scan and Repair is free for the first 30 days and then is $6/month.

Reviews:

👍“Very fast and simple” 👎“Customer service is mediocre and I can't upload large files”

Bluehost

Basic plan pricing: $15.99/month or $4.95/month with three year commitment (monthly, 1, 3 year plans available).

Notes: Free domain and SSL certificates (for first year only). 24/7 Customer Service. Built to handle higher traffic websites. Although they specialize in Wordpress websites and provide updates automatically, that's almost a bad thing for webcomic plugins because they will often break your site. Their cloud hosting services are currently in early access with not much additional information available.

Reviews:

👎"The fees keep going up. Like I could drop $100 to cover a whole year, but now I'm paying nearly $100 for just three months. It's really upsetting."

👎"I have previously used Bluehost’s Wordpress hosting service and have had negative experiences with the service, so please consider with a grain of salt. I can confirm at least that their 24/7 customer service was great, although needed FAR too often."

Dreamhost

Basic plan pricing: $7.99/month or $5.99/month with three year commitment (monthly, 1, 3 year plans available).

Notes: Free SSL Certificates, 24/7 support with all plans, 97-day moneyback guarantee. Not recommended for ComicCtrl CMS

Reviews:

👍“They've automatically patched 2 security holes I created/allowed by mistake.” 👍“Prices are very reasonable” 👎 “back end kind of annoying to use” 👎 “wordpress has some issues” 👎 “it's not as customizable as some might want“

GoDaddy

Basic plan pricing: $11.99/month or $9.99/month with three year commitment (monthly, 1, 2, and 3 year plans available).

Notes: Free 24/7 Customer service with all plans, Free SSL Certificates for 1 year, free domain and site migration.

Reviews:

👍Reasonable intro prices for their Economy hosting, which has 25GB of storage 👍Migrated email hosting service from cPanel to Microsoft Office, which has greater support but may not be useful for most webcomic creators. 👎 Many site issues and then being upsold during customer service attempts. 👎 Server quality found lacking in reviews 👎 Marketing scandals in the past with a reputation for making ads in poor taste. Have been attempting to clean up that image in recent years. 👎 “GoDaddy is the McDonald's of web hosting. Maybe the Wal-Mart of hosting would be better. If your website was an object you would need a shelf to put it on. You go to Wal-Mart and buy a shelf. It's not great. It's not fancy. It can only hold that one thing. And if we're being honest - if the shelf broke and your website died it wouldn't be the end of the world.The issue comes when you don't realize GoDaddy is the Wal-Mart of hosting. You go and try to do things you could do with a quality shelf. Like, move it. Or add more things to it.” MyWorkAccountThisIs on Reddit*

Things to consider for any host:

💸 Introductory/promotional pricing - Many hosting companies offer free or inexpensive deals to get you in the door, and then raise the cost for these features after the first year or when you renew. The prices in this post are the base prices that you can expect to pay after the promotional prices end, but may get outdated, so you are encouraged to do your own research as well.

💻 Wordpress hosting - Many of the companies below will have a separate offering for Wordpress-optimized hosting that will keep you updated with the latest Wordpress releases. This is usually not necessary for webcomic creators, and can be the source of many site-breaking headaches when comic plugins have not caught up to the latest Wordpress releases.

Any basic hosting plan on this list will be fine with Wordpress, but expect to stop or revert Wordpress versions if you go with this as your CMS.

🤝 You don't have to go it alone - While free hosts may be more limited, paid hosting on a web server will generally allow you to create different subdomains, or attach additional purchased domains to any folders you make. If you have other comic-making friends you know and trust, you can share your server space and split the cost!

Want to share your experience?

Feel free to contribute your hosting pros, cons, and quirks on our survey! We will be updating our list periodically with your feedback!

[kitkatt0430]

Instead of doing a Six Sentence Sunday today, I think I'll do a short tutorial on copying over fanfic from FFnet to Ao3.

So you've got some old fics on FFnet and you'd like to back them up to Ao3, given the instability of FFnet. And for whatever reason you don't have the original files for the fics, or maybe you have edits to the FFnet versions that you don't want to lose that the OG files don't have. Whatever the reason, you're looking to directly copy over your fic from FFnet to Ao3. And you're looking for a relatively easy way to do so, but Ao3's import functionality doesn't work with FFnet web pages.

Never fear! It's actually a fairly easy process to get your fic copied over from FFnet.

First, head over to FFnet and open up the fic you want to port over to Ao3. You don't need to log in if you don't want to, just so long as the fic in question is yours and you can access the page, then you're good.

In a separate tab, open Ao3 and login, then choose the option for posting a new work.

Now back on the FFnet tab, you should be able to directly copy over the title, summary, fandom, and what little tagging was available on that site onto the relevant Ao3 fields in the tab you have for a new fic. You'll also want to take note of the published date on FFnet and back date the new work in the Ao3 tab.

FFnet may not have a lot of useful tag data, but it's pretty easy to replicate and build off that in Ao3.

Now for the hard part. Which is still pretty easy. Getting the fic body, plus any notes in the fic itself, copied over to FFnet.

While getting around FFnet's lockdown on the text of the fics they host is fairly simple - I'm pretty sure it's entirely css based - you don't really need to do that in order to get the body of your fic copied. And, honestly, even if you do have a work around in place to allow copying of the fic's text... you will probably find the following method a lot easier still.

In the body of the fic, right click the first line of the fic, which should bring up a menu with a bunch of options. On Firefox or Chrome you want the inspect option.

This'll bring up the dev tools with the html inspection tab open and, if you give it a few seconds to load, the specific line you right clicked to inspect should become the visibly selected section of the html.

The selected section of the html should be a paragraph (or <p>) element. You're going to want to right click the div (<div>) element that encapsulates that paragraph and the rest of the paragraphs in the fic body. This'll bring up another browser menu with the option to copy, which will bring up a flyout menu when you select it. From that flyout menu, you want the select the option for Inner HTML.

You have officially copied the html for the fic body. And you can dump that entirely in html format straight into Ao3's html work text editor. Then switch it to rich text for easier editing if you want to fix any spelling, grammar, formatting, or aesthetic issues. I typically try to fix at least the line breaks since it took a long while before FFnet adopted real line breaks and so there are a lot of fics where I have various combinations of dashes, em-dashes, equals signs, and other characters as line breaks. I figure, if I'm bringing the fic to Ao3 then I can try to make it more screen reader friendly in the process.

You can also move fic notes around in order to move pre/post fic notes out of the fic body or basically whatever you want to the fic. Maybe re-read it to determine any additional tagging you want to add now that your fic has access to Ao3's much more robust tagging system.

But that's it. You can hit post and have your fic with all it's original notes, and a back dated post date to reflect when it was actually written, all available on Ao3 now.

It's a pretty quick process, all told, and the only real bottleneck you might encounter is any time spent in re-editing the fic between migrating and posting. Even chaptered fics are fairly easy to migrate with this process, since the bulk of the work in publishing a new chapter is just copying the inner html and then moving any notes to the appropriate location before hitting post.

Anyway, for my fellow fic writers looking to move your old FFnet fics to a more stable archive, I hope this process helps a lot.

[macleod]

Musing on remaking the browser (and internet) as we know it.

HTML+CSS is by far the best 'component' library there is, but JS really tends to be the main cause of bogging down the entire thing and drowning out the performance gains.

The idea is something along these lines (this ended up being far longer than initially intended):

HTML Viewer, directly from a plain HTML source, I've even considered using a headless browser, taking a 'photo' of the webpage, and then laying out a bitmap onto it, might not be needed, but could be cool and useful.

Once a user, or a function 'clicks' or focuses on a section of the bitmap, then the embedded language uses this is as a target selector to manipulate the data of the HTML viewer source, directly without page loads. Similar to an SPA but, without JS, similar to 'hot-wire', but again without JavaScript.

a separate database built into the 'browser' similar to indexdb, but likely something more similar and powerful such as SQLite with permission guards for applications (think OAuth, running locally).

This would obviously change the dynamic properties of a 'browser', and would make it more akin to an enhanced PDF editor with dynamic input (pop-ups instead of dynamic forms, etc.). But, I am starting to believe the problem and performance issue of the browser is less the sandbox (which this would enhance), but because we've forced a data language into what should be a static component library with targeted source changes.

This is a difficulty that we're seeing the weight of, we only have two major browser types, two engines. There have been so many attempts to recreate them, but they are all attempts at recreating the worst parts of a rendering agent that combines and forces the merger of highly volatile dynamic data into static components.

They have said for years that no one can 'make a new browser rendering engine' because of how many variables and issues and decades of bad choices and changes from the infancy of development.

Gopher, and the similar, are interesting projects, but they lack in several regards: data entry, minimal schematic support for modern HTML and CSS capabilities, and they are attempting to recreate an entire protocol. The protocol we have for file and web transfer is excellent, despite its shortcomings, but it is highly stable, reproducible, and effective.

If we were to remove 'dynamic' capabilities, such as forms, or text boxes, and all that JavaScript entails, the HTML viewer would be minimal for performance. The embedded language on top would hold the data separately from the process—rendering inputs to be sanitized and standardized. If the browser fails, your data would be backed up, you would have a complete revision history of all data ever processed, and you would have. This is likely the path forward for something akin to the Solid Project, where you own your data.

Every 'browser' becomes your own personal data temple or silo, and every web page becomes 'server-side' generated and modified with targeted manipulation or key:values from the integrated (stateful) database by your locally running browser.

When you go to someone else's website, most of which is just static content anyway, you get the HTML source, and the source for a/any(?) scripting language that would use the values from the browser overlay tracker for targeting to rewrite and submit specific HTML components.

The manipulator overlay would be an entirely separate process, with a simple message transfer between the two. This entirely separates your data into a stateful persistent object (no more losing your form data as you type due to a reload, or failure, or anything else, with full history) and your dynamic script, if a site needs it (most don't), would be in its own process. There would be a message transfer queue, likely using the built-in database with @\tagged hooks for event dispatches.

You would be able to have fully sandboxed, extremely performant, websites, while owning your own data. The browser as a server HTML renderer, the webpage as an “image” (sort of), and an 'overlay' selector for an embedded image to submit changes to individual HTML components.

If you were to separate it into three extremely slim, minimal, processes, with an integrated database with OAuth style permission switches. You would have just created a new browser, and a new way for the web to work, using virtually no memory, enhancing security, and with far less complexity. In a way, this would turn the web into a 'native' application.

You also would have quite a bit of backwards compatibility to the pre-NewWeb.

You should own your data, websites should be static, data should be dynamic, and browsers should be performant.

Just some musing on the topic, I'm working on something similar, but not exactly in regard to this—so maybe I'll spend some time and add it to the ever-growing projects list.

[izicodes]

Revamp Old Webpages | #1

Monday 16th October 2023

As I mentioned before, I found my old projects over on replit and then transferred them to my GitHub! I transferred 12 projects and now I am going through each one and seeing how I can revamp them! I don't want to lose their original touch entirely but how can I make the code better a bit kind of thing~!

Up first is my project 'Alpha-Pink-Login-Form' which was the very first project out of them all! I didn't change too much from it but added some JavaScript to replaces the other 2 html files I had and just used one!

Link to project: live page | github repo ♡

🛠️ Issues

✘ I had extra HTML files for each popup I wanted e.g. sign-up, login and forgot password ✘ Not responsive on phones ✘ Unnecessary things in the head tag that could be imported in CSS ✘ Unnecessary things in the body tag as well ✘ The CSS is a mess and could condense down a lot

🏆 Fixes

✔ Only one html file used ✔ Used JavaScript to load the previous pages I had before ✔ Responsive on other devices and not going off screen ✔ Used off-black as normal black was not fitting with my colour scheme ✔ Added a box-shadow to separate from the background more + effect ✔ Deleted all the unwanted elements and code overall - HTML and CSS code ✔ Fixed the stuff in the head tag

⤷ ♡ my shop ○ my mini website ○ pinned ○ navigation ♡

[riacte]

hi! i love reading your fics but i specifically love the social media shenanigans in dearly beloathed. i was wondering how you would feel if i took some inspiration from that for a fic of mine because i would love to write something that's very similarly formatted but i wanted to make sure you were fine with that (cause i'm assuming it took some time and effort to come up with) before i did. anyways your writing is awesome and i love reading it

Yes sure of course! I took inspiration from ao3 fics (F1 fandom in particular is stunning at formatting, I have so much respect for their dedication), such as this one (I basically took the formatting from this) and this Twitch streamer AU. If you're posting on ao3, there's the option of playing with HTML/CSS for a more "realistic" socmed interface, for example this one for Twitter which is magic to me. This one is an extremely impressive Discord mockup. An Unauthorised Fandom Treatise is a nice look into mid 2010s Superwholock era fandom whereas F1 rpf and indeed mcyt / streamer stuff is more "modern". Anyways yeah there's a lot of potential in this genre of fics and loads of stuff to check out on ao3 if you wish :) I love scrolling through the Unconventional Format tag because people are just so creative. Good luck with your writing!

[uroboros-if]

Hello! I'm not sure if you've been asked this before but how did you make the menu part, the "new game" "load game" part, I'm super new to coding so I'm sorry if this is dumb jaja I also tried to recreate the fades but that seems even more complex 😅 thank you for creating this and I hope you have a great day!

If you mean the UI menus like the ones that save and load menus, settings, etc. that all comes from the template I'm using! While I use Vahnya's Template, I highly recommend Vahnya's Template II because it's so gorgeous and already comes with a start menu! I would've used it myself if I hadn't already gotten so far in changing mine, and would've saved me so much grief! I am so thankful for everyone who's made these templates and resources ❤️❤️

If you're not fond of these, though, I highly recommend checking out idrellegames' tutorial (Wayfarer's development blog) on how to create a start menu with the load game and new game. It's extremely detailed and will do a much better way of explaining than me, and I suspect, also a much more sophisticated way of coding it than me!

As for the fades, here's the thread I referenced in Twine, many thanks to TheMadExile! I don't want to share my code with the fading as it is incredibly inefficient and prone to errors, and I do not want to share half-baked code with anyone that I myself am not confident about. While I love my fade effect, the way I ended up doing it took many nights of just troubleshooting it and figuring a way to use it consistently. Even now, it has errors I need to fix and still mystify me. I suggest you look up guides on HTML and CSS to do it yourself!

I hope all these resources are useful, and good luck with your coding endeavors 🫂 my biggest suggestion is to first do the research, use code as reference (and attribute), try it out yourself, and ask questions!

[anexperimentallife]

Y'all really think staff is making these decisions? Nah, man, as someone who used to work in IT, I can confidently tell you that the people who make Big IT decisions for large companies are corporate overlords who are almost always the people least qualified to make such decisions. Then staff has to either do whatever stupid thing the bosses told them to do, or get fired.

All you have to do is look at the recent submarine comedy to understand the phenomenon of people who think having money and power gives them more expertise than folks who have spent years--decades even--honing their skills.

Hell, despite being hired because I knew more about the web than anyone in the company (this was in 2000, so all it took was knowing how to make tables with html, build a css stylesheet, and have a general grasp of usability standards), I had a boss whose areas of expertise were marketing and graphic design constantly trying to tell me how people used the web, and chewing me out for "sucking the life" out of his huge graphics.

(Like, dude, this was when most people had dial-up, and nobody was going to wait five minutes for pretty graphics to load--they were going to click away to a competitor's site that loaded in under thirty seconds. They also weren't going to click through twenty different pages for info that could have been presented on the landing page.)

So yeah. Your ire towards staff is entirely misdirected. All they can do is what their bosses tell them.

[kaecodes]

HI, so long time no talk! I haven't gone anywhere, I just had some personal financial troubles that were resolved via...lots of overtime! I am a physicist by day, so that meant I became one by night for a couple months. But I remained coding, designing, & sketching things in my scant moments.

More importantly, I've been doing a lot of reading & observing of the Jcink RPC & I am really gutted by the lack of free resources I've seen become manifest. As a result, I've been percolating some easy design methods I could use to fast track totally free skins to give out as bi-monthly as I can manage in the near future.

Because I'm not one to stick to an aesthetic or design style so much as following a settled philosophy of coding, each of my skins will be entirely unique (no reused assets besides utility scripts, perhaps fonts, etc) but will all be;

Designed to be entirely responsive, with fallback & default setups for Custom Fields, image appearance or omission, etc.

Designed to load in a second & half or under, universally.

Neatened to be readable, cascade-organized, & fully notated with CSS & HTML notes to explain important components, how they work, & how to edit them.

Provided with a dark, light, & middle theme colour option as well as High Contrast option.

Provided with Staff, Member & Character profile & miniprofiles.

Provided with a full Custom BBCode suite of site templates to match the skin.

Based on the UI/UX design of a game with striking visuals that can be used for similar genres.

Now, this is a tall order, but I really want to flex my muscle & try to give folks something to be optimistic over in a landscape of drama-blog wastelanded distress. I want to put out something productive & positive, to make the community better & bring us together a bit <3 As a result, I'm going to need a little help from you all. I need to figure out which "Inspos" to work off of first based on desire for them, to fill the starving niches from most important to "least" so to speak. For the next few weeks, I'll post some polls & would be endlessly grateful if you all paid it forward by boosting but also voting on the games whose vibes you want to see MOST PRESSINGLY manifested as skins in the Jcink RPC.

I will, also, eventually port each one to Forumactivo, so for my Forumactivo folks, please let me know when you get specific polls so I can prioritize converting those skins for you! You deserve just as much love!

Of course, if there's a specific game you want to see feel free to comment on this post & I'll make sure to put it in the first poll, but for now that's all. The first list of inspo options will come out later today or tomorrow, Stay tuned & stay awesome, may the Dance keep you all absolutely blessed!

[divinector]

HTML CSS Load More Button

Our Telegram Channel

[genericpuff]

Hi! I'm a rookie comic artist and I've been having trouble finding platforms to hold my comics, and I don't want to resort to Tapas and Webtoons. Do you have any recommendations?

There are loads you can try for sure!

ComicFury - great for that old school 2000's webcomic host vibe, allows you to design your own sites via CSS/HTML but comes with easy to learn site-builders as well. You can also host your site through them (and it'll only cost you the domain name). Allows NSFW content, strictly anti-AI.

GlobalComix - just recently released their app, the site itself has been around for the last few years, they have a very sleek and up-to-date backend that offers loads of analytics information, paywall features, and even different reading layout options to suit any creator's needs. Allows NSFW content, isn't anti AI but does require creators to follow their rules and be transparent in their series' labelling so that readers can make informed decisions.

NamiComi - so far a promising alternative to Webtoons that apparently has its own rewards program, though I haven't tried this platform yet so take my word on it with grains of salt.

Dillyhub - Owned by the same parent company as Tapas (Kakao) it's a cozy enough site, let's you share both comic series AND illustrations so it makes for a great hybrid if you want a place that allows you to share both.

All of these, by the way, don't have the 'potential' for massive traffic numbers like Webtoons and Tapas do, but what they offer in the way of backend tools, creator resources, and monetization options absolutely makes up for it. After all, for 99% of creators on WT/Tapas it's impossible to get seen anyways, so if you're gonna be doing your own networking, it may as well be on a site that gives you far more control and options in how you share your work.

Hope that helps! Good luck!! <3

[stergeon]

Hello there! I happened to find your website and I was wondering if you wouldn't mind sharing how you made it? It looks really neat and I wanted to learn how it was coded and hosted.

hi, thank you so much!! i've been making websites uh. pretty much since i learned how to use the internet, whether for fun or employment or both. i make my "for fun" websites from scratch with HTML, CSS, and JavaScript without any libraries or frameworks. unfortunately, i can't give a great recommendation for web hosting on the cheap if you're just starting out as i've hosted my stuff with the same company since my freelancing days and could definitely get a way better deal elsewhere lmao. the cost of being lazy...

i really, really like talking about web design/making websites/etc. so i don't want to give you an information overload, but if you're interested in learning how to make websites, there are a lot of excellent (and free!) tutorials and reference guides out there to get you started! here are a few:

MDN Web Docs - THE resource for anyone doing web design and development, from complete beginners to advanced devs. their documentation is thorough to the point where it can be intimidating for beginners due to how technical it is, but it's very, very good and their tutorials are fantastic.

W3Schools - similar to MDN, but i find it's much less jargon-heavy and beginner-friendly. it also contains great resources, examples, reference guides, as well as extensive tutorials.

Codecademy - there are a lot of free web and programming courses out there, but i really like the ones codecademy offers. in my experience, the projects are fun, the courses are well-structured, and the community is very helpful. they regularly have great sales for the pro version, too.

if you want to make your own website site from scratch without having to navigate the more complex aspects of hosting, domains, etc., check out Neocities! it's got loads of resources, a great community, and it's free!! it's also near and dear to my heart as a lover of "old web" design sensibilities.

by far the easiest way to start is to download a text editor (i'm partial to Sublime Text, but everyone has their favorite), paste in an HTML boilerplate like this one, save it to your device as a .HTML file and then open it in your web browser. it will only be accessible on your local device and not over the internet, but you can play around and build things out without it being public and it’s an easy way to get a feeling for how things work.

my final recommendation is not so much about the specifics of making a website, but how to think about making a website. when i was a young stergeon at my first big web design job, my mentor gave me the book Don't Make Me Think! by steve krug and it was Huge for me. some of the technology-specific material is outdated nowadays as it was last updated in 2014, but the book is still a fantastic introduction to design thinking, visual language, and user experience principles.

hope this helps!!!! happy to chat more if you have questions <3

[xpc-web-dev]

Studying code calmly and avoiding a burnout. Day 1

If you saw a list of tasks that I said I would do until 23:59 on Sunday, you realized that was a lot for 3 days.

And guess what, he almost had a burnout of his own doing? Myself IEEJIJEIJIE

Yesterday, learning with my elders and colleagues, I understood that I wanted to do a lot of things and almost had my third burnout just to show the recruiter what I can do if I pass the process I want.

BUT it won't do me any good to have a github full of repositories, if I have a burnout and I don't want to touch the code and it gets worse if I'm in a work process because then I'm going to miss a hell of a chance because in the past I've done more than that I could.

SO today Monday I set myself small goals.

[ ] Finish the 1 module Javascript course

[ ] Take the Introduction to computer science with python (1 and 2)

[ ] Object orientation with python

[ ] Project 1 final with Html, css and bootstrap + a bootstrap course individual

I changed plans and that lightened the load. Now I think I can handle it and not freak out.

I will try to make daily updates. I want to be proud of myself in the future when I look at all this bullshit bounout, frustration, etc. And I also share it here for the sake of ego/vanity and wanting to be heard/seen. Which is fine, as long as it's not hurting anyone.

(I don't need any advice comments about ego and vanity. I already have someone to teach me about and I deal very well with my shadows, thank you.)

I wish you a great week, drink water, sunbathe if possible and don't give up.

[staghunters]

STAGHUNTERS NEOCITIES WEEE

Figured I should make a new post at this point because the other one is getting too long to keep reblogging. I've been tinkering away at the site and it is shaping up! Here's a lil page by page tour under the cut

you can view the site here!

Splash screen!

It's a little bumper so the css can load without it scrabling the home page. It looks alright, but to add some more text to the image, I have to make a new one in the death screen generator, which is not ideal.

The home page!

I've changed the middle window so it fits in better with the rest. Not very visually exciting there in terms of color, but it is for now the best look imo. Text there is aligned justified, I've condensed it a bit more and added the randomized quote section underneath it instead of it being a seperate window on the side.

To do list needs an update but is still accurate. The team is still there, but on the other side, I have set the blinkies to be a bit larger. The music player has been removed because I couldn't find a way to add songs to it that weren't included on the source site. Snufkin is here now. The webrings will need some more. Retronaut is there, but not functioning as it should. it just forwards you to random sites in the ring instead of where it should be, but I can't find what exactly I'm doing wrong with the code.

Another thing that is not working on neocities itself is the "last updated" part. For some reason it doesn't display there what it does display on my local html. Maybe a bug at neo.

And icons at the top on the nav par! Adds some more flair to the place. The footer has also received a minor update: it now has a sitemap link instead of another back-to-home url.

About!

I'm thinking of moving the small window with the short info to the right, but it is here for now. Links that are web-building related are on the right, also for my own referencing. The essentials lists on the left are hidden on load, but can be revealed by tapping the puttons. The lists are in tree-view and the window shouldn't expand over the cassette image once the construction sign is removed. Speaking of, the cassette has a lil playlist.

I might expand on the info a bit more, but that is for me to ponder. I liked including links to tumblr, the guestbook, and a button in case anyone wants to link my site on theirs.

Writing!

Hasn't really changed much. I've been looking at moving the sidebar info to be in the main section upon load, but idk if that would just make things more complicated. Right now it loads to an empty section there, stuff appears once you click a button. PDF support is only available once I'm a supporter of neocities, which i do wanna do but isn't a priority atm just for getting this part running. The links to ao3 will do just fine for now.

Journal!

The space for my rambling. It can be browsed by entry through the post-it, and all that seems to be functioning alright. Added a kitty and a sticker for decoration. The Stop Making Sense bumper sticker will now load a local video of the performance, but once again I won't be able to add this to the site until I get a supporter thing going. It plays/pauses on click, hehe.

Basement!

Decided to add a page for it. Basic info, schedule, link to the room, my letterboxd, and an overview of past movies. It's a nice spot on the site that is also the most cramped, but I like how it turned out.

BLUE SCREEN OF DEATH

In case any page/url error happens, you can send a movie recommendation to B (their askbox is linked when you open on desktop)

UNDER HEAVY CONSTRUCTION

The art and other pages are very much works in progress. Art can be up and running once I upload art to the site, but I'm not sure if I want to post full pieces here. Maybe I'll make it a space for sketch stuff that I'd otherwise discard.

As for the other page: I might be filing it under the writing page as a section, since the only thing here is WvW atm. It's cool that it has it's own thing, but I'm not sure if something that is basically a fanfic warrants such a space. That, or I keep it and drop all my other-media stuff in here so there's more to look at.

That's it for now! I got some ideas on how to continue, but they're not super-duper set in stone.