Web Development

I used to do Wordpress development and the short of it is, it wasn't profitable enough to be sustainable for me. These days, web development is more of a side gig for me and I'm no longer using Wordpress. I don't necessarily need to make a full-time income with it and I'm certainly not looking for high pressure, high stakes projects, but I was wondering where the best opportunities are for freelancers these days and what would be best skills/technologies to learn for those sorts of jobs?

Also, as a more specific side question, are things like Hugo and Jekyll much in demand these days as far as freelance goes?

I've been working on a neat little tool to create background textures/patterns in SVG. It has some presets, but also gives you full manual control of the settings. You can then copy the generated code output for use on your project.

Let me know what you think or if you find this useful!

I'm probably late to thinking this, and plenty of smarter people will have seen this, but I was just watching a video on Google's proposal which read out Mozilla's position on it, and noticed something that I haven't heard mentioned. As it says, it's designed to help detect and prevent 'non-human traffic', which would likely harm assistive technologies, testing, archiving and search engines. All of which Google is involved in.

If they're an attesting body, which presumably they would be, they could just say that their indexing crawler is legitimate traffic and get all the data, while other search engines not accepted (yet) by an attesting body wouldn't be able to. So search engines will be locked down to only what exists now. And AI training currently requires scraping large amounts of the internet, which they won't be able to do. So this could also help create a moat for Google Bard, that their earlier memo said didn't exist, to outstrip open-source models, just due to access to data.

I've heard people complain that this is an attempt to monopolise the browser market, but they practically already have done that, and I haven't heard anyone mention this. If all I've said is accurate and I haven't misunderstood something, this could allow them to monopolise (or at least oligopolise) everything that requires access to widespread internet data - basically everything they do.

I'm not new to programming, but I am somewhat new to web development and I'm trying to figure out the most preferred way of taking a standalone header from one html document and adding it to other html documents without code duplication. If possible I want to do this with Javascript so I can learn with more basic tools before expanding further.

I've researched this a fair bit, but the advice is a bit confusing since it either seems out of date or possibly not the most secure way of handling things. Is there a preferred way of doing something like this?

Hi, I'm an old webdev who is rusty in CSS; I learn about calc() recently and never really learnt display: flex properly.

I made some webs with a responsive menu layout (relevant CSS code posted on bottom). I tried using flex but I still had to do one ugly hack: I have the menu heights for the different resolutions hardcoded and I have to update them manually every time a new chapter is added. It's not a big deal, but I would like to know if there is a proper way to do this.

Some alternatives I've thought about:

• The new round(), but it's too new and not supported by most browsers.
• JavaScript

... but I feel like there must be a clean CSS-only way to achieve this.

Thanks!

Relevant CSS code (link to full stylesheet in case I missed something).

ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 624px; /* =27x23+3 | 23 = 91/4 */
  margin: 0;
  padding: 16px 16px 4px 16px;
  vertical-align: top;
}
@media screen and (max-width: 1000px) {
  ul {
    height: 840px; /* =27x31+3 | 31 = 91/3 */
  }
}
@media screen and (max-width: 582px) {
  ul {
    height: 1245px; /* =27x46+3 | 46 = 91/2 */
  }
}
@media screen and (max-width: 400px) {
  ul {
    height: auto;
  }
}
  ul li {
    list-style-type: none;
    margin: 2px 16px 2px 4px;
    font-size: 120%;
  }
  ul li a {
    display: inline-block;
    background-color: #3fa79e;
    color: #d2e7e2;
    text-decoration: none;
    padding: 2px 8px;
    border: solid 1px #d2e7e2;
  }
    ul li a:first-child {
      width: 106px;
      margin-right: -3px;
    }
    ul li a:hover {
      background-color: #144c48;
      color: #fff;
      border: solid 1px #fff;
    }

I have been trying to import this sqlite database into mysql or postgresql database. But had been failing. Can anyone help me with this?

Hi all :)

I'm putting together a web app for a small music festival, and part of what I want to do is add photos from the various events that we hold. At the moment, they're being posted to Facebook, but I'd prefer to have something separate from that.

My thinking is to make a slideshow of lower resolution photos for the web app, and keep the full sized versions on Facebook so that people can download or share them. Even doing this is going to eventually bloat the app though.

The other problem we have is that there's no budget for storage, so I need to make it for free if that's possible.

Does anyone have any better idea than a lower resolution slideshow please?

I'm looking to switch into a tech job in the future, and I'm wondering if web development could be a good choice. Ideally, I'd like an interesting job with a good work-life balance, and I would even be willing to take a pay cut later in my career in order to have more free time. I'm hoping to get some insight into the profession. I have three questions:

1. Is it hard to find a position in web development with good work-life balance

2. I’m considering getting a bachelors in computer science from WGU. Is it worth it or is the self taught route better?

3. Does anyone have any experience in the program?

Will accessibility tools that rely on automating input to the browser cause it to become untrusted? Will it affect extensions? The spec does currently specify a carveout for browser modifications and extensions, but those can make automating interactions with a website trivial. So, either the spec is useless or restrictions will eventually be applied there too.

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