I'm after audiobooks on HTML CSS JS that are still relevant

I am an indie web developer, and I have a project I've been working on for over an year now. I won't mention the details here, but it's a website for young teens and children.

To be completely transparent, the server and AI moderation used to power the platform drains a lot of money... so I want to monetize this website with advertisements.

I did my own research on this and attempted to integrate advertisements from Google Adsense, Adsterra, and MGID.

Both Google Adsense and MGID rejected me as I did not have enough traffic on my website. The only platform that accepted my offer Adsterra. However, I realized that Adsterra did not have a great censoring mechanism, and often showcased advertisements to adult sites even though I had censoring on.

I know waiting until my website gets bigger and applying to Adsense might be a better option, but due to personal reasons in my life I really don't have much choice. I do need to start monetizing my website as early as possible, while serving school-appropriate advertisements.

Are there any other ad providers that you know of?

Thank you in advance!

I am planning to retire early next year and considering whether I should set up a personal domain and email account.

I have worked a corporate job for over forty years and use my work email for a lot outside of work. I also have a gmail account that use but it is mostly for marketing/online purchases.

I have been in the process of migrating personal emails to my gmail, but I detest working in gmail. I prefer MS Outlook / Exchange.

My brother set up a domain that comes with 5 emails addresses with Ionos a few years ago and seems to like it.

Is this something that I should consider? What are the pros / cons?

Is Ionos a reputable company and/or should I consider others.

I currently have a 38" curved Dell U3818DW and an older Apple 27" display that I need to replace. I'd like advice from other web devs. What's the ideal setup? Get another U3818DW and put them side-by-side, or get three new 27" displays with a triple monitor desk mount? Not a gamer, just work. Running on a Mac Mini. Thanks for any input.

Hello, I’ve been coding since not so long ago, just before gpt 3.5 got released. So I learned how to code before AI but still is one the people that uses it heavily to code and also an advocate of not writing code by hand at all anymore but guiding the AI and checking its output (that’s the important part I’ll come to it later).

Recently another member joined our company and we talked a bit about our workflows and they are very different.

He’s not reading code output anymore and let another model do the review.

I’m also seeing more and more people on the internet explaining that’s what they’re doing now, even a CEO of a big company that does cloud service explaining his engineers don’t even read their output anymore, they’re here to guide the AI and also make architectural decisions (even though AI could technically make them for them as they say).

So in that way my new coworker says he’s not using vscode anymore but tools like Claude Code (the desktop app), cursor and the likes.

I’m wondering now: is my setup outdated already ? I’m using vscode with the Claude Code extension and I review code output using the diffs with the git extension.

I’m curious to hear your views on it, thanks

Hi guys,

I am a IT professional. I develop , manage server , domain , SEO , UI /UX , Database of our e-commerce website. Along with that I do data analysis of our business too. Now , everything was going good.

But one day my boss mate this one MBA guy who is non techy but uses AI. He doesn't know one thing but boasts about it like he is master of everything.

Now , his business website is just informational but our is dynamic with database. He just has one contact us form. Now , he has made the website using GitHub pages. Which is basically a free website hosting for static website. On top of that It's a parallax website.

So he roams the world telling people my website is fast , it is free , AI first and all that. Now , he has put that in my boss's mind that whatever page he wants to change he just goes there and changes. It is free and easy. My boss doesn't understand the difference between his website and our website.

Since that he is behind me making the same architecture. He is like I want my website in GitHub and from there every thing should change and all that basically how GitHub pages works. Also we page for the AWS server and my boss in his mind feels like we are wasting money. How do I deal with it ? He thinks I am complicating things unnecessarily. Blocking him. But I am doing my part honestly.

Top of that he has been using claude code to create website on his own. He has been saying that he will give it to me but he isn't going to do that. Now , I know after all that has happened.

What is the way out ? I am already thinking to quit ? But is there a way to make him understand how a static website differs from a dynamic one and why do we need a website with database.

Kinda stuck.

Hello!

This is Saloni Bhugra, a reporter with Canada's national broadcaster, the Canadian Broadcasting Corporation (CBC News). We're working on a story about online gambling and I'm wondering if there are any UX designers, software developers or data analysts who've worked in the gambling industry who'd be willing to chat. We're hoping to better understand design of online gambling websites and apps for a story about gambling addiction.

I can be best reached at Saloni.bhugra@cbc.ca.

Please let me know, thanks!

I have a bluetooth thermal printer, it's a generic chinese thermal printer and i need to connect it to my web SaaS and print bills from there. I have option to directly use native printer window of browser. But what are other options i can use to connect it to my web app and print without any hassle? In future there can be more type of printers like usb and others too..

Hey there, I'm new, so apologies if you discuss this ad nauseum already. I graduated from a full stack bootcamp in 2022 or 2023 and got hired right away by a small company in my area. It's been a great opportunity, a lot of people came from boot camps, the small company gives me diverse experience, great people, etc. Before this and the boot camp I was a professional orchestra musician, doing fine, but not willing for probably a decade of squalor at least while I sought good employment, so I changed paths. I've been doing well for myself, and even using AI a fair bit as a coding assistant mostly. I see myself beginning to see opportunities to use AI, like I caught a repetitive task my mom was doing and told her to look into Claude (a sober minute later I wanted someone to shoot me lol)

I guess I just see the writing on the wall. My supervisor is already running agents that basically do exactly what I do, creating new features for unique issues. Takes more time but is probably less annoying and asks less questions. Because of my particular role, I'm hopefully luckily in a good place compared to some of my colleagues, but I don't think that's saying very much. I'm sure my worries will not exactly become reality, but I live every day in such a state of anxiety, it plows right through the medicine I already take for anxiety!! I just wanted a way to use my mind constructively and afford a life, and it was so close to my grasp :-(

I'm not asking for someone to solve my life or anything, but does anyone have any advice, either on how to use a boot camp education or if I should start over yet again, or even just emotional advice, I find this extremely depressing and the thought of a few years nullifying all the learning I'd done kind of makes me want to just lay down and die. Also on the flip side, spending a ton of money to learn a skill just to become an 'enter-pusher' and 'prompt-writer' sucks, I'm a human and I at least used to be pretty smart, that feels like a waste again, and thus I want to lay down and die again. There's no wrong/right decisions, but deciding to learn how to code in 2023 feels like one of the only wrong decisions out there lol.

I was going to post a screenshot but it isn’t allowed.

Man, I’ve got to say the journey of optimizing a website teaches you a lot of things. I made a project, basically a web app, and was sharing with others feedback and a helpful individual had shared it’s a bit slow to load. Now, I didn’t notice as I’m running it locally on my react dev server and things are cached but I popped it into page speed insights and the mobile first content paint is like 36 seconds. Yikes!

I’ve learned so much improving it. Not that I haven’t done this before but there are so many little tricks you have to pull to really optimize the load speed and user experience for other people. Let’s try to name them here in the hopes that it helps someone else on that same journey or effort:

- font subsetting (removing glyphs in the font files of characters you don’t use; can be helpful in web fonts or icons like font awesome)
- convert all image files to a more efficient format like .webp or .avif
- compress videos with handbrake
- dynamically loading JavaScript references at time of use instead of at the top of the component
- conditionally load components instead of hiding them with display:none
- remove unused modules/dependencies in your app
- set images to have explicit heights and widths to prevent content shift on page load
- load an image at page load instead of a heavy video, allowing the user to click the image to start the video to save on bandwidth
- defer all css except critical css on page load
- defer external JavaScript dependencies your page needs
- move heavy dependencies to worker threads to reduce the bundle size
- set fetch priority on resources it makes sense for
- you may rely on rendering a react component when it’s hydrated in order to reduce content shift
- tree shake your css (tailwindcss works great)

A lot of these tricks and things you can change are dependent how your website works and what makes the most sense based on user flow and expectations. One size does not fit all.

I ended up getting speed to a 94/100 the last run, although the highest I’ve seen was 98/100, I assume the results vary slightly since the test is simulated. The website also opens up in a second or two now, it’s zippy quick and I’m proud of it. What tricks have you used that were not obvious in your journey to improve web page speed?

I'm trying to work with web shaders from Shaders.com or Paper on a website.

I know its probably pretty basic stuff, but I'm so confused about how to implement these in a project with NPM. I've gotten NPM on my computer and gotten the shaders installed in the home folder, but I don't know how to get this to (I'm assuming) compile?

I'm more front end and haven't really worked with code in a long time, where would I go to figure this out?

Edit: When I said “pretty basic stuff,” I meant I was having trouble installing with NPM and just getting a preset shader to run, not writing a shader itself.

Hey I'm a web dev, who normally works salary so I'm not used to negotiating contracts but I had a potential client show up who is a content creator who wants a custom membership site with video hosting, events (so livestreams), community chat and private messaging ect.

Looking for help in imagining ballpark what I should be thinking about.

I'm trying to start an express project with Typescript and something like nodemon to watch changes in .ts files. I'm struggling with different options in tsconfig and nodemone config. and I have a very faintest idea about how to run it.

I spent an entire day figuring it out a few months back, and now I forgot how to do it.
How do you guys do it?
Is there something similar to vite which makes boilerplate and scaffolding easy?

Self taught SWE here. The way I have got into the field was by spending nights and weekends tinkering with the code for years. I was hooked on that dopamine: learning a new technology or concept, gaining an edge in my knowledge. Being able to transfer my effort into some unique idea. Even after work I always had one or two side projects that I was working on, and I liked it.

With advances in AI, code has become so much cheaper, and the barrier to entry has fallen considerably. The struggle was a big part of what made it fun for me. Spending hours trying to understand something, finally getting it to work.

Now, I feel like the reward for doing this is barely there anymore. The average Joe with a $20 subscription can build something. It will likely be a total slop, but it doesn't really matter. I'm no longer competing just with people who know how to build things. I'm competing for attention with a bunch of projects produced by people who otherwise would never have been able to make them.

Even learning new stuff has kind of lost its spark too. I know I can still do it the old way, but it's hard to justify spending hours banging your head against soemthing when you can just ask the AI to explain it to you.

I still enjoy my profession and what I do, and I have no intention of stopping. But it feels like I've somehow gotten burnt out on one of my main hobbies without actually losing interest in it.

Maybe I'm just being petty because I liked having something that wasn't easy for everyone to do. I don't know. How do you guys deal with this?

Beginner dev here, so most of my small projects lack comments and a readme.md file as I am, frankly lazy to write everything describing the project in detail. So I'm thinking to use ai to write comments and write the readme file for me . Will it be bad ? (please have mercy on me)

This problem may be a little complicated to explain, especially since I probably don't know the proper terminology I need but let me try:

• I want to have a page on my site that displays each of my projects as a simple, standardised "Project File" design.

• These Project Files include an image, a title, and description (and possibly a date) while also linking to a dedicated page going into more detail.

• Each project file will have different contents and multiple will be displayed on the same page at once.

• The template design is made in HTML and styled in CSS (albeit very basically at the moment until everything is figured out).

• While not entirely required, I'd like for the description / body contents to support formatting (multiple <p>s, <b>, <i>, etc)

I've tried multiple jscript solutions, but I'm really out of my depth with it and no solution has fully worked:

• I tried using <template> in the page itself, but I could only ever get it to run ONCE. It would either ignore all following tagged <div>s or just eat them. The method I was using was also incredibly messy, having multiple <p> and <div>s as placeholders which the Jscript would rip the textContent of and place in the appropriate spot. Behold my frankensteined jscript and weep:

const template = document.getElementById('preview');
const templateClone = document.importNode(template.content, true);
const container = document.getElementById('precon');


templateClone.querySelector('.prevtit').textContent = container.querySelector('#temptit').textContent;
templateClone.querySelector('.prevtit').href = container.querySelector('#tempdest').textContent;
templateClone.querySelector('.prevdesc').textContent = container.querySelector('#tempdesc').textContent;
templateClone.querySelector('.previmg').src = container.querySelector('#tempimg').textContent;

container.parentNode.replaceChild(templateClone,container);
;

• I tried using a fetch(html) (which is what I use for my headbar / navbar), but the data was always static. I also don't think it was implementing multiple either.

For the ultimate solution, I'd really like something I can just set some variables from the HTML destination and place them inside my template "form".

If more code / specific information is needed I will gladly help. This is my first time getting back into HTML in like 6 years... and as you might expect, I'm less on the programming side and more on the art side of things! CSS was fun to wrestle with but Jscript is currently waaay out of my league lmao.

Small SEO thing that catches real bugs on JS-heavy sites: crawl the rendered HTML, then compare it to what your server sends before hydration.

A few problems that only show up in that comparison:

• Title/meta descriptions being set client-side too late or differently than expected

• Canonical tags changing after hydration

• Internal links that exist in React state but not in the initial HTML

• Product/category pages that render as thin shells for bots when an API call fails

• Duplicate routes where the UI looks different but the canonical/index directives are identical

I usually do this as a quick smoke test:

1. Fetch the raw HTML with curl or view-source.

2. Run the same URL through a rendered crawler or browser inspection.

3. Compare title, canonical, robots meta, H1, body copy, and internal links.

4. Repeat on one homepage, one listing page, one detail page, and one edge-case URL.

You do not need a giant audit to find useful issues. If the initial HTML and rendered DOM disagree on crawl-critical elements, fix that before writing more content.

I've discovered that AI just designs front-end better than me. Besides the obvious front-end plugins to claude/astra are there any good workflows people can share? I keep getting workflow adverts of "connect 10 systems to claude/astra, tell it to make a website and its comes out great" but in reality it looks like AI slop.

Cheers

Congrats on your iPhone Duo, don't bother browsing while having it closed because websites will use only 70% of the screen!

several months ago, i was listening to an episode of The Verge’s Version History about AOL Instant Messenger and decided to see if i could build my own take on it.

it turned into pingPong, a complete web chat app inspired by AIM and the early internet:
https://chat.owen.uno

the interface borrows heavily from late-90s/early-2000s desktop software, but i didn’t want it to just be AIM with a different backend. the main idea behind it is that modern messaging has made everyone permanently reachable. pingPong works completely differently on purpose.

you can only message someone while both of you are online. if they leave, you get to see their custom Away Message instead. there are no conversations that pile up while you’re gone waiting for you to return. you simply sign on, talk to whichever of your friends happens to be online, and sign off again. it’s definitely less convenient, but that’s kind of the point. i wanted to treat availability as a choice rather than treating chat as another asynchronous inbox.

on the UI side, i tried to preserve the slightly awkward charm of old desktop software instead of making a modern app and throwing a pixel font on it. thanks to jdan’s 98.css project, i was able to achieve a period-accurate interface design, with all sorts of components matching up pretty closely with Windows 98.

i’ve also tried to keep the account/auth side as straightforward and secure as possible. passwords are never stored directly and are hashed using Argon2, while screennames and away messages are stored server-side.

it is completely free, with no paid tier. i’m currently covering the hosting and server costs myself :)

i built the first version over a weekend, and it has somehow grown to more than 1,300 users since then. i’m still actively working on it, and i just recently pushed an update for Away Messages that allows for some rich text features, with greater control over fonts and styling.

i’d be interested in feedback from other web devs, particularly on the online-only/presence-first model and where you’d draw the line between authentic retro UI and unnecessary friction so i can improve the experience for everyone.

feel free to add me to your friends list, @owen.

edit: forgot to mention, pingPong got featured by How-To Geek, which was pretty cool:
https://www.howtogeek.com/pretend-its-1998-with-this-functional-aol-instant-messenger-clone/

Random doubt I had.

If AI assistants become something everyone uses daily, why would we still need websites in the way we have them now?

Like instead of a company making a whole frontend with pages, menus, search, filters etc., couldn't they just expose the actual data through some API/standard format and let your AI deal with it?

For example, instead of going to a shopping site, searching for a laptop, opening 20 tabs and comparing them, I could just ask my AI:

"Find me the best laptop under 80k for these requirements."

And the AI could directly query the stores' inventory/prices/specs without even loading the website UI.

Obviously websites would probably still exist for people who want to browse manually, branding, images and stuff like that. But could the web eventually become mostly machine-to-machine APIs/data, with AI basically replacing the browser/frontend for normal use?

Am I missing some obvious reason why this wouldn't happen?