Web Development

I am finally going to join the '90s and set up a blog. The audience is mostly students to show how the academic stuff blends with real world professional practice. I'm an adjunct so I have a foot in both worlds.

I have my domain names (parked for years) and free webhosting through my university - but the university doesn't provide any development tools. All of the recommended tools I've run across (weebly, wix, webflow etc.) either want to host the page, manage the domain name, or require a fee to link the page to my host. I'm simply looking for a low cost site builder where I can edit my files and move them to my webspace.

Any recommendations for a WSYWIG style editor? I'd be happy to not have to learn any actual coding, but will if I have to.

The last time I did any of this I was manually tagging static pages in notepad (lol).

What TLDs to use if you cannot snatch a .com ?

Which ones are professional and generally well perceived?

HTML: best programming language confirmed

I am legitimately confused. Is this an issue with the community? Is one of the most popular TypeScript ORMs crap? Can anyone explain?

I am looking into getting started in web development and I came across The Odin Project. Unfortunately, I don't have the money to pay for a course right now. I currently work in a senior desktop support and systems admin role and I am seeking to pivot into web development. Is this realistic? What advice or websites would you recommend for me? Thank you very much in advance!

we made a custom website for a chair manufacturer. what do you think of the design?

I'll try to make this as short as I can, but with enough info to make sense. Be warned, I am not a programmer or developer by any means. I'm just a hobbyist who spends a lot of time trying to learn on my own.

I'm looking to save "https://scorecount.com/tennis/" locally on a PC so that it can be used offline. I've done the normal "right click, save as" routine in both Firefox and Chrome, which saves the main page (I save it with the name "tennis") as well as a similarly named folder that contains the js, css, and image files. (so, in my case... "tennis.html" and a folder called "tennis_files")

When I try open the tennis.html file, my browser eventually gets to a "we're having trouble finding that site" message. The URL it's trying to reach in the URL bar is "https://driveLetter/path/on/local/drive/tennis.html", instead of the more expected "file:///driveLetter/path/on/local/drive/tennis.html".

I believe I've narrowed this down to something in the tennis.js file (which gets renamed to "tennis.js.download" when I save the page locally). If I remove this file, the page loads, but of course it doesn't actually work. I think something in there is redirecting the URL, but now that the file is saved locally the path it's creating and trying to reach doesn't work.

I've tried going through the js, deciphering all of the array references as best I can, but I'm not able to figure out where this is happening. I'm hoping someone can throw me a lifeline. Thanks in advance!

Edit: Update in comment

Hello,

My goal is to make specific edits to Lemmy's default frontend. The big problem I'm facing is that the UI is running inside a docker container and is also written using inferno which seems to be transpiled / compiled into non-user-friendly js files.

My assumption here is that I'd have to download the source, edit it, compile and then host my own container.

I was wondering if anyone has done this and if there are any tips, pointers or guides that could be shared.

Thank you!

I like CMD + D to select the next identical selection, OPT + DOWN/UP to move the selections down or up a line, SHIFT + OPT + DOWN/UP to duplicate the selection, and CMD + / to turn the line into a comment. How bout you?

htmx is a very different way of developing your web application. You can define a lot of behaviour inside your HTML with the new attributed added by htmx. This allows you to build an interactive website without using any JavaScript. You do need a REST API that returns HTML though.

For more information about HTMX you can read the htmx docs.

TLDR; Does anyone know if there's an initiative to use the pdf rendering engines built into most browsers and used while printing a web page in more flexible ways? Ideally from javascript being able to get the pdf as a File.

I've been looking into download as pdf functionality we implemented at work. It's for a single project, relatively small, so we implemented it with html2pdf.js. There seems to be no better way than rendering the webpage as canvas and saving as an image inside PDF. Although I'm thankful that the project exists, with the lack of text selection, poor image quality and/or large file sizes, it feels bad serving it to the customer. Then I started to look into the printed version and I loved it. Learned some new stuff about css, being able to break a page before a specific element. Tables automatically repeat their header across a page break. I can also save this as pdf, better quality, 40x reduction in file size, yay! However, web api to start this is print(), no arguments, no alternatives. Putting this behind a "Download" buttons seems confusing for the end user. I'm amazed we can't use this built in pdf rendering engine in more flexible ways. (See TLDR for question)

To crop an image effectively, it’s important to prioritize a specific part of the image and preserve the essential content around it. One way to achieve this is by identifying the image’s ‘focal point’ - the part of the image that is most important - and cropping the image around it.

In this post, I’ll walk you through my technique for cropping images with CSS while preserving the image’s focal point.

cross-posted from: https://programming.dev/post/470806

This article explains the fundamentals of HTML including the HTML document structure.

Shows a great example of JS' new using keyword (similar to defer in D, Go, Swift, etc...)