#how to create a website using javascript

[fox-digital321]

Software Development Company in Salem

Looking for a reliable software development company in salem? Fox Digital Techno Services is your one-stop solution. 

We offer a wide range of software development services, including web application development, mobile app development, and custom software solutions. 

Our team of skilled developers utilizes the latest technologies and industry best practices to create high-quality software that meets your specific requirements. As a leading software development company in salem, we are dedicated to delivering exceptional results and exceeding your expectations.

For More Details:

Website: https://www.foxdigitaltech.com/software-development-company-in-salem/ Map: https://g.page/r/CcxH6BqJkXIgEBM/ 

YouTube: https://youtu.be/pdDHOreA7Kc Contact Info: +91 90420 34551

[orcelito]

Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions

My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.

So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)

It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.

I can do this. I can very much do this.

[creativeschoolrb]

Hi, this is Creative School. Today we share with you how to generate PDF documents from any website. If you want to develop a website and want to provide PDF downloading features, you are exactly in the right place. This video will help you to insert a PDF generator feature in your website on any page of any specific size and shape. GitHub Link: https://github.com/BorhanHosen/How-to-add-pdf-file-download-option-in-your-website.git 0:00 Explanation 3:10 Intro 3:39 Explaining Puppeteer 7:12 Server Side Code Explanation 15:01 Client Side Code Explanation 26:21 Final Touch 28:18 Outro Here are some of our previous tutorial links. You can watch and learn new things and techniques. Enjoy them: How to Send Data from HTML Form Data to Google Sheets | Creative School https://youtu.be/A4TPkOw2Ess Mastering Full Invoice Inventory Management in Microsoft Excel | Creative School Tutorial https://youtu.be/f8BTxan1QTo Motion Graphics in PowerPoint Full Playlist: https://youtube.com/playlist?list=PLsWfHxHIjBT87YgBulwX6X-bnEk4TayQu How to Create the Best Animated Info-graphic in PowerPoint [Part-1] 2020 || Creative School || https://youtu.be/rV-mykyBQIM Awesome Flat Intro Animation In PowerPoint Part 2 || Creative School || https://youtu.be/TafoVSYadEg The Night Sky with a Mountain, fountain, a tree, Bird & Moon Creating in PowerPoint || Creative School || https://youtu.be/jyCTlxJrGyg SAMSUNG Galaxy Boot Animation in PowerPoint [Full Tutorial- 2020] https://youtu.be/pqh-P1mUNp8 How to make an intro video of 10-minute school in PowerPoint 2020. [Part 1] https://youtu.be/I1xObR_SVco Water Animation In PowerPoint Animation! || Creative School https://youtu.be/WfzKTzbGVRA How to add pdf file #download option in your #website https://youtu.be/cNhQ-0VBt5A ===HashTags=== #reactjs #creativeschool #pdfconversion #html #nodejs #vscode #website #javascript #convertpdf #generatepdf #pdfconverter #downloadpdf #puppeteers #mernstack #javascript ===Related Tags=== react pdf generator, generate pdf using react, generate pdfs from html & css with nodejs using puppeteer, certificate generator website, how to create a pdf file using reactjs, html to pdf using javascript, generate pdf from html, generate pdf using javascript, how to add pdf object on a website, how to convert html to pdf in react app using jspdf, easy way to embed pdfs on a website, how to convert html content to pdf in react app using jspdf, generate pdf with react, how to create a pdf with node and puppeteer, generate pdfs from html & css with nodejs using puppeteer, puppeteer, getting to know puppeteer with example, get started with headless chrome and puppeteer, headless chrome and puppeteer, how to generate pdf from html with node.js, how to create a pdf file using reactjs, generate pdf using javascript, how to create pdfs with node js and react, puppeteer examples, puppeteer tutorial, puppeteer html to pdf generation with node.js,

[izicodes]

Convert HTML to Image: A Step-by-Step Guide ✨

Do you want to turn some HTML code you've made that's on your website and have a way to convert it into an image for you to save?

Well, look no further! I too wanted to do the same thing but funny enough, there weren't any straightforward tutorials out there that could show you how! After hours of searching, I finally discovered the solution~!

This is an old tutorial I made 🐼

💛 Set your environment

Before we dive into the conversion process, I'll assume you already have your HTML code ready. What you want to learn is how to turn it into an image file. You should have a good grasp of HTML and JavaScript. For this tutorial, we'll use the following HTML code example:

We won't include the CSS code, as it doesn't affect this tutorial. The JavaScript file (script.js) at the bottom of the body element is where we'll add the functionality for the conversion.

Your page should resemble the following:

As you can see, the "Click me" button will handle the conversion. We aim to convert everything within the div.info-div into an image.

💛 Using the html2canvas JavaScript Library

The html2canvas library allows you to take screenshots of webpages and target specific elements on a screen. Here are the steps to include the library in your project:

The steps to put the library in your project:

Visit the html2canvas website for more information.

Copy the CDN link from here

and include it in a script tag in your project's head tag in the HTML file:

That's it for including the library on the HTML side. Now, let's move on to the JavaScript code.

💛 JavaScript Functionality

Here's the JavaScript code to handle the conversion:

In this code, I want to turn the whole div.info-div into an image, I put it into a variable in const div = document.querySelector(".info-div");.

I also put the button into a variable in const button = document.querySelector("button");

I added a click event listener to the button so when the user clicks the button, it will follow the code inside of the event listener!

You can find similar code like this in the documentation of the html2canvas library:

What is happening here is:

We add the div (or what the element we want to take an image of) into the html2canvas([element]).then((canvas)

Added the image file type url to a variable = const imageDataURL = canvas.toDataURL("image/png"); - You can replace the png to other image file types such as jpg, jpeg etc

Created an anchor/link tag, added the href attribute to imageDataURL

The download attribute is where we will give the default name to the image file, I added "dog.png"

Perform the click() function to the anchor tag so it starts to download the image we created

And that's it!

💛 The End

And that's it! You've successfully learned how to turn your HTML into an image. It's a great way to save and share your web content in a unique format.

If you have any questions or need further clarification, please comfortable to ask. Enjoy converting your HTML into images! 💖🐼

[webfarmhouses-blog]

Web designer in Jodhpur

Creative Web Design

We are a web designing company that has a team of skilled and experienced web designers and developers who can create stunning and functional websites for any type of business or domain. We offer a variety of web designing services, such as custom web design, web development, web hosting, SEO, and maintenance. We also provide you with a free web design consultation, where we can discuss your goals, needs, and preferences, and provide you with a web design proposal that suits your requirements and expectations.

What we do in Web Design

Our web designing services are the services that provide web designing solutions for clients who want to create or improve their online presence. It involves the use of various elements such as colours, fonts, images, graphics, animations, and interactions to convey the message and purpose of the website to visitors. Web designing services can help clients with various aspects of web designing, such as Consultation: Our web designing services can help clients understand their goals, needs, and preferences, and provide them with expert advice and guidance on how to achieve them . Strategy: Our services can help clients develop a clear and effective web design strategy that aligns with their brand identity, target audience, and business objectives.Design: We help clients create a unique and attractive web design that reflects their vision and personality, and that engages and impresses their visitors.Launch: Our services can help clients launch their website to the public, and provide them with web hosting, domain registration, and security services.

Our Design Technology

At Web Farm House, we understand that web design is not just about making a website look good. It is also about making it work well, communicate effectively, and provide value to the users. That is why we use the latest web design technology to create websites that are:

Visually appealing: We use web graphic design to create stunning and consistent visual elements for your website, such as colours, fonts, images, icons, and animations.

Easy to use: We use user interface design to create intuitive and interactive elements for your website, such as buttons, menus, forms, and navigation.

Functional and reliable: We use web development to code and program your website, using languages such as HTML, CSS, JavaScript, PHP, and others. We follow the principles of web standards, web accessibility, web performance, and web security, to ensure the quality and reliability of your website.

Our Work Process

At Web Farm House, we follow a systematic and collaborative work process to create your website. Our work process consists of four main phases: Discovery, Design, Development, and Delivery:

Discovery: This is the phase where we get to know you and your project. We will ask you some questions about your goals, needs, preferences, budget, and timeline. We will also conduct some research on your industry, competitors, and target audience. Based on the information we gather, we will create a project proposal and a contract for you to review and approve.

Design: This is the phase where we create the visual and interactive elements of your website. We will start by creating a sitemap and a wireframe, which are the blueprints of your website’s structure and layout. We will then create a mockup, which is a prototype of your website’s appearance and functionality. We will present the mockup to you and ask for your feedback and approval. We will make any revisions as needed until you are satisfied with the design.

Development: This is the phase where we code and program your website. We will use the latest web development technology to create a website that is functional, reliable, and compatible with different devices and browsers. We will also test and debug your website to ensure its quality and performance. We will show you the progress of the development and ask for your feedback and approval.

Delivery: This is the final phase where we launch and maintain your website. We will upload your website to your chosen hosting service and domain name. We will also provide you with a user manual and a training session on how to use and update your website. We will also offer you ongoing support and maintenance services to keep your website running smoothly and securely.

We will also listen to your feedback and suggestions and make any changes as needed. We will work with you as a partner and a friend, not just as a client and a vendor. we value your input and satisfaction throughout the work process. We will communicate with you regularly and keep you updated on the status of your project.

Our Web Designing Services

Our is provides web design services for clients who want to create or improve their online presence. We help clients with various aspects of web designing, such as consultation, strategy, design, development, testing, launch, and maintenance:

Static web design

Liquid web design.

Adaptive web design.

Dynamic web design.

Responsive web design.

Single-page web design.

Why Choose Us?

We are a One-Stop Solution for delivering the best web design and development services. We render customized and affordable web design facilities to suit your requirements. Choose the best plans for building a responsive web design according to your needs:

Excellent technical support

Core PHP &Codeigniter + MySQL.

Secure and Reliable coding.

Satisfactory Customer Support.

SEO-friendly web development.

[essential-randomness]

I made some pages in HTML and CSS, now what?

For this week's Content™, I answer a question that troubles all buddying web developers: what should you learn once you've become somewhat comfortable with HTML and CSS?

In this article, we explore 3 paths:

Static Site Generation, for those who like creating a lot of content (and my recommendation for fannish folks). If you've heard me continuously rave about Astro, this is where you'll learn to set it up.

Playing Around in the Browser, for those who want a taste of JavaScript without committing to installing anything (or are looking to add more complex interactivity to their pages).

The Server Path, for those who want to learn how to work with data to create things like guestbooks and comment sections!

I hope this is useful, and let me know what you all think!

[seepweed]

Your site has convinced me to go make a neocities (tumblr glitching paranoia has gotten to me and by god I will be going back to the early 2000s if this place goes down) and oh my god coding is hard. I am in agony. Yes it's going to look very much like your site I am squinting so hard at your html trying to figure out how to do it. This is the worst looking thing I have ever made but there are three buttons that go nowhere now so I'm succeeding mildly at least

OMG PERCY!!! WELCOME TO THE NEOCITIES CRAZE!!! i'm literally so honoured to have inspired you to make a site. funnily enough, i *also* joined neocities after the tumblr-unfunctional-paranoia got to me, albeit in 2022. welcome to coding hell 😎

god, coding is hard. i hope you’re having fun, though. it's such a great hobby, once you're in The Zone. it’s a little like modeling a little clay image... digitally... anyways! i’m here to say: YOU’VE GOT THIS!!! feel free to reuse any code i’ve put down on octagon and PLEASE please please tell me your link!!! i want to look at it (regardless of “how much” is on there).

i’m sure you’re getting the hang on things fast, but since you activated my yapper mode, you now have to sit through unsolicited advice <3

if you’re looking for coding help, https://www.w3schools.com/ is a goldmine, as is https://htmlcheatsheet.com/. also, with CRTL+U you learn something new! ALWAYS investigate nice code to understand how they did that. and https://32bit.cafe/interactingontheweb/ has a lot of good tips for being social off of social media.

general rule of thumb is always: coding is digital arts + crafts. break your website. it’s more pronuctive than always coding in a breeze. never apologise for dropping off the earth and not updating in 6 weeks, 8 months or 15 years. some websites have been unmanned since 2001 and are still running, so don’t worry about it.

furthermore, i need to state that i'm a really bad example of a neocities coder LMAO. i code in the editor, i have 0 offline copies of my files and my form is chaotic at best. my website runs on pure html+css, i don't use javascript (yet) or iframes. most people code their sites in notepad, then run them in a compiler like https://playcode.io/html and THEN they post them to neocities. i am lazy. i do this directly IN neocities. don't be like me. save your page.

also. I’ve been doing this for 3 years. like, on the day for three years actually. here’s how my very first webpage looked in 2022:

anyways. HAVE FUN. MAKE FRIENDS. DON’T FORGET TO BE YOURSELF. SPARKLE ON!!! NEVER HOTLINK! you’ve got this, if you have any questions, feel free to ask. i’m not sure i will be able to answer, but we can try haha. and PLEASE TELL ME YOUR WEBSITE!!! i would love to look at it and in classic neocities fashion, i’d obviously LINK YOU.

and here’s some sites that are awesome :3

The Maximalists. mobile inaccessible, IMAGE HEAVY!

https://ninacti0n.art/ EYESTRAIN

https://olliveen.neocities.org/ EYESTRAIN

https://phrogee.neocities.org/ EYESTRAIN

The Webcartoonists. also image-heavy. also probably not mobile accessible.

The Minimalists.

[obey-me-rewrite]

Hi! just wanted to ask on how you personally use Twine I've been a fan of OM, and wondered how u made the remake in that system lmao. I was wondering if you had any tips / tutorials u used, I've spent some time testing and have got the hang of variables and linking but i was really confused on how you designed it / removed the borders around the side bar and everything, along with how you made the intimacy system, Especially the notify / achievement bar system! No tutorials were helping me lol

Sure! I'll do my best to explain below; feel free to ask me to expand on anything if it's confusing.

Changing sidebar:

The way you do this is basically through CSS ("Story Stylesheet"). When your game is open in the browser, you can inspect elements to figure out what they're called, then change their styles. For example, I removed the border of the menu buttons by putting the following in the stylesheet:

(for the overall borders)

menu ul {

border: none;

}

(for the borders between each link)

menu li a {

border: none;

}

w3schools.com is a great website if you'd like to learn CSS - it's what will help you completely restyle your story. There are also plenty of Twine design templates for something easier to use without having to learn code.

Intimacy system:

This one is a little more complicated. I'm actually completely rehauling the intimacy system for version 1.1. Right now, it uses a lot of if statements to check the amount of intimacy the player has collected with a character - and this intimacy is in a variable initialized in the special StoryInit passage. However, that's bandaid code which is messy and easily runs into bugs, as has happened ever since release lol. To fix it, I've essentially created a proper levelling system using custom macros and JavaScript. That requires a good grasp on behind-the-scenes programming, though. If your game isn't a huge project, keeping intimacy in variables should work just fine. Just make sure to keep a spreadsheet or notes somewhere that list how much intimacy is possible to gain and in which passages. It will make your life easier in the long run.

Notifications:

This one I actually got from one of Chapel's custom macros! They're super easy to use and do a lot of cool things. I highly recommend checking these out because they can make your life easier: link

Achievements:

I'm going to assume you're talking about achievements that persist over different saves - for this, you'll need to utilize Twine's special StoryInit passage again. In case you are not sure of what that is, it's essentially all the variables that will be initialized when the game is first loaded into the browser. Your achievements and important story-spanning variables (like personality traits, intimacy counters, etc) will go here. To create an achievement, you'd put something like this in your StoryInit:

<<set $achievement1 to recall('achievement1')>>

If the player hasn't obtained the achievement, $achievement1 will automatically be set to false. To have them actually get the achievement, put

<<run memorize($achievement1, true)>>

<<set $achievement1 to true>>

in the passage where the achievement is gained. Also, be sure to have your players know that keeping saves and achievements like these relies on browser cache - if that's cleared, their progress will be lost.

Hope that helps! I wasn't sure how familiar you are with Twine beyond variables and linking as it's a pretty big engine with many things, so I just covered things without going into deeper mechanics like Twine's special passages, scripts/stylesheets, macros, etc. I'm happy to explain those too if you're having trouble. Also, everything I explained is specifically in the Sugarcube language - it won't work in Harlowe, Snowman, etc.

Helpful links:

Twine cookbook

Chapel's custom macros

Cycy's custom macros

Albie's Twine Tutorial with tons more resources

[leahnardo-da-veggie]

As someone who sees AI (especially ChatGPT) being used a lot in her school/workplace, it can be extremely discouraging.

I was working on a small website for a project, when my friend showed me how Chatgpt had generated the entire thing, CSS and JavaScript and all, in a minute, it made me sit down and contemplate my existence for a while. If I took 2h to make the same product ChatGPT made in such little time, what even was the point of me doing all that for? What's the point of making my silly website when an AI can do it better and faster? Why bother creating?

And I thought about it for a while. Poked about on Chatgpt too. And you know what I realised?

No matter how much better an AI can do something, I'd still rather do it myself. Because it's mine.

That's what matters. That I made it, with my own brain and fingers. That I put the effort into it, and reaped the results. That I can truly call it my own.

So keep making. Whether it's writing or art or coding, just keep doing it. No matter how much better an AI can create, no matter how much faster, no matter how much more complex.

[thrill-seeker-vn]

3 Game/Coding Resources!

I wanted to put together a few resources I found for people who might be planning to make games, or might be looking to learn coding!

The first resource is for anyone looking to learn how to code, build a portfolio, and get Certifications:

This is something I've recently been using myself and I can attest that it is an excellent resource!! They have many different paths you can learn, and right now I’m on the Responsive Web Design Certification. You can learn HTML and CSS, in order to create responsive pages. It teaches you through projects, where it breaks down different parts of the coding language and shows you how to use it. Some projects are optional, and some you have to complete in order to earn your certification. Certification projects don’t have instructions, only a rubric of what the project needs to be able to do, but you can learn all those skills in the optional projects! They also have Javascript, Frontend Development, Information Security… the list goes on! The website is run by a really cool non profit. I definitely recommend giving it a try!!

2. The second is for game developers who are looking for background music:

@/茶葉のぎか (Nogika Chaba on twitter) makes some really awesome 8bit-sounding BGM! And a lot of it is free for commercial/non commercial use!!

Make sure to check the description (you can translate to your language) for their policies. Many of their videos are tagged #freeBGM, which if you check their Pixiv Fanbox terms of service (in the desc of each video, please do check it before you use it) states that you are able to use the music in commercial/non commercial works:

2. The third resource is for students:

Whether you're a university student, college, high school, or elementary, Github gives you free Github pro, as well as a curation of free offers! You do need a piece of student ID (proof that you indeed belong to an institution, eg. report card, student card, etc), but it has a host of offers. Microsoft offers free cloud training through this, there are multiple offers for learning a new coding language for free (eg. Codedex free 6-month subscription, which will also give you certificates once completed), you can get free domain names, the list goes on! If you are a student, I highly recommend that you give it a try, since it's 100% free!

[taijuey]

Hello!! I recently came across your portfolio and fell in love with the layout. I wanted to ask what website do you use that uses that kind of image layout? I really love that you can click on an image and find more of your cool drawings/process!

I'm glad you like my website layout!

I use a squarespace right now but I modified my site design using 3rd party plugins. The one I use to create my image gallery with the pop-ups is called Lightbox Anything (unfortunately it's not free). I also tweaked it quite a bit in the css and javascript so it might not work out of the box like how I have it on my site.

[fox-digital321]

Web Design Services in Salem

Are you looking for top-notch web design services in salem? Fox Digital Techno Services is your one-stop solution. We offer a comprehensive range of web design services tailored to meet the unique needs of your business.

Our team of experienced web designers is committed to delivering high-quality websites that are not only visually appealing but also user-friendly and effective.

We understand the importance of a strong online presence in today's competitive market, and we strive to create websites that help our clients achieve their business goals.    Whether you need a simple brochure website or a complex e-commerce platform, Fox Digital Techno Services has the expertise to deliver exceptional results. Contact us today to discuss your web design needs and get started.

For More Details:

Website: https://www.foxdigitaltech.com/web-design-company-in-salem/ Map: https://g.page/r/CcxH6BqJkXIgEBM/ 

YouTube: https://youtu.be/pdDHOreA7Kc 

Contact Info: +91 90420 34551

[redlerred7]

Over an hour ago, I opened Ao3 on my phone to relax before sleeping

Found a fic that seemed promising, but it had justify-aligned text that looked atrocious on mobile

But it's no big deal. I'll just scroll up and disable the author's work-skin

There is no disable work-skin button

Went to update my site skin to force left-aligned text. Just one line of CSS. Should be easy

I reload the fic?

Still justified

Spend a few minutes searching Firefox Android's pitifully neutered dropdown and settings menus for its equivalent of the desktop "show page source" option when right-clicking on a website

There is no show page source option

I google how to show a page's html source on Firefox Android and learn that you do it by going to the start of the address bar and typing "view-source:[and then your URL]"

I meticulously type it on my phone's touch keyboard to view the source of the Ao3 fic in question

The text is justify-aligned using HTML, which means no amount of site-skin CSS tinkering will allow me to change it to left-aligned

FUCK

I google how to force-align text on Ao3 to the left

The results?

"Disable author's work skin" "Use a site-skin" "Use this Google Chrome extension" "Use a Firefox addon that only works on desktop" "Change some settings in your about:config, the advanced settings menu that Firefox Android doesn't get access to" "Use this OTHER Google Chrome extention"

After sifting through completely useless advice, I eventually find an actual working solution:

create a bookmarklet that uses javascript that loops through all the text in the page that's justify-aligned and have it instead display left-aligned text

It has been ten years since I last touched javascript, back when I was learning it in high school, but I'm sure some cursory google searches should derust me enough to do some basic code.

I got out of bed and booted my PC.

Reading some basics and primers did not derust me to do some basic code. Not from scratch.

But it did jog my memory enough that I could steal some existing code that did something similar to what I needed and just change the right parts to make it do what I want

Anyway, just tested it and it works! Triumph!

Unfortunately, now I'm wide awake, exhausted, and have no desire to continue reading this fic

BIG, RESIGNED SIGH...

Goodnight, everyone...

btw, here's the code if you need it

javascript:(function(){ const elements = document.querySelectorAll('[align="justify"]'); elements.forEach(el => el.style.textAlign = 'left'); })();

create a new bookmark and put this code in the bookmark's URL. Clicking it will force all text that's justify-aligned using HTML to be left-aligned. Every website nowadays uses CSS to align their text so you're likely only gonna use this for Ao3 fics.

[highly-nonexistent]

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

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

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

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

[izicodes]

Mini React.js Tips #1 | Resources ✨

I thought why not share my React.js (JavaScript library) notes I made when I was studying! I will start from the very beginning with the basics and random notes I made along the way~!

Up first is what you'll need to know to start any basic simple React (+ Vite) project~! 💻

What you'll need:

node.js installed >> click

coding editor - I love Visual Studio Code >> click

basic knowledge of how to use the Terminal

What does the default React project look like?

Step-by-Step Guide

[ 1 ] Create a New Folder: The new folder on your computer e.g. in Desktop, Documents, wherever that will serve as the home for your entire React project.

[ 2 ] Open in your coding editor (will be using VSCode here): Launch Visual Studio Code and navigate to the newly created folder. I normally 'right-click > show more options > Open with Code' on the folder in the File Explorer (Windows).

[ 3 ] Access the Terminal: Open the integrated terminal in your coding editor. On VSCode, it's at the very top, and click 'New Terminal' and it should pop up at the bottom of the editor.

[ 4 ] Create the actual React project: Type the following command to initialize a new React project using Vite, a powerful build tool:

npm create vite@latest

[ 5 ] Name Your Project: Provide a name for your project when prompted.

[ 6 ] Select 'React' as the Framework: Navigate through the options using the arrow keys on your keyboard and choose 'React'.

[ 7 ] Choose JavaScript Variant: Opt for the 'JavaScript' variant when prompted. This is the programming language you'll be using for your React application.

[ 8 ] Navigate to Project Folder: Move into the newly created project folder using the following command:

cd [your project name]

[ 9 ] Install Dependencies: Execute the command below to install the necessary dependencies for your React project (it might take a while):

npm install

[ 10 ] Run the Development Server: Start your development server with the command (the 'Local' link):

npm run dev

[ 11 ] Preview Your Project: Open the link provided in your terminal in your web browser. You're now ready to witness your React project in action!

Congratulations! You've successfully created your first React default project! You can look around the project structure like the folders and files already created for you!

BroCode's 'React Full Course for Free' 2024 >> click

React Official Website >> click

Stay tuned for the other posts I will make on this series #mini react tips~!

[m0r1bund]

"Lore, where have you been?"

In hell, probably. I remade M0R1BUND.com.

“For the love of god, why?”

Short answer: to save time and money.

Long answer: Sharing art was getting burdensome. Neocities hosts static websites built with html, css, and javascript—which is awesome for its mission, to encourage people to create future-proof websites. But this also means that every page is created and maintained by hand. I handle every little link and file and bit of code, and if I want to do site-wide changes, I have to push those by hand, too. This takes time, and so does writing image descriptions and cross-posting art to other websites. It became normal for sharing art to eat up an entire day.

I later created Basedt.net in WordPress, so that I didn’t have to worry about managing link hierarchies, which was a big timewaster on my old webcomic. I liked working in WordPress well enough, and I knew I would benefit from being able to use PHP to manage the sheer amount of stuff that’s on M0R1BUND.com. I was also paying double for webhosting through two different services, when I really didn’t need to…. So… I knew it was inevitable that I would consolidate the two at some point. It was time.

I do really love Neocities and I’m sorry to let it go. I encourage anyone who wants to learn web design and create their own website to start there.

Anyway, that’s how I ended up in hell for 6 months.

“What’s changed?”

Most things. I’m most excited about the quality-of-life stuff, like being able to sort art by character/location/world, or being able to move between individual pieces instead of having to return to the gallery landing page. There are lots of things I want to add, but my soft deadline for this was the new year, so I focused on recreating M0R1BUND.com as it existed before… well… this.

I’ve also edited most of my writing. This site is old, and the art is even older, it felt good to give it some TLC.

There are still a few things missing from the new site:

The Woods and RANSOM. They aren’t really representative of Basedt or Mercasor anymore, and I was not a competent writer in 2018. If I re-share them, it will be in the distant future.  

Some of my Those Who Went Missing stuff. I haven’t been playing TWWM publicly, so this is lower priority right now. It will happen when it happens.  

Some twines. They haven’t adjusted to the new filepath format yet. Killswitch is here, though :)

If you need them urgently for some reason, I can share them with you? but that seems doubtful haha.

Links to pages on the old M0R1BUND.com are broken and will remain broken until I set up redirections to the new M0R1BUND.com. I have no idea how long that will take! … Hopefully not long, given the new semester is here.

And of course... If you see anything weird, tell me! I test as much as I can, but I only have access to so many devices. Break this website within an inch of its miserable life so that I can fix it.

“How’s Basedt going?”

It’s going. Recreating my website took precedence for the above reasons, but I’ve been working concurrently on it in my spare time. We move like a glacier into the new year. ETA: ???