20,300 Topics
What are cool stuff that you can create with NodeJs? And is there tutorial for that? I heard that NodeJs can create something like JivoChat , is that true?
I'm facing a confusing issue with one of my websites. When I test in Google Pagespeed Insights, the performance score is 99/100 and there are no visible LCP (Largest Contentful Paint) issues reported. However, in Google Search Console, I keep getting warnings about LCP problems on some URLs. I’ve double-checked …
It seems as if full stack web development is more popular these days than someone who just focuses on backend, just on frontend, etc. Perhaps it's just the people that I'm exposed to? I would assume that in larger corporations, people would be more pigeonholed. I was just curious how …
I've been racking my brain on this one for a good 30 minutes already, and I don't know why I'm just not seeing it. Instead of posting a bunch of code here, I'm going to walk you through how to reproduce it on Daniweb. Please go to the [Contribute](https://www.daniweb.com/community/contribute) page …
I have a webpage for showing placemarkers on a map. I have used chatGPT to get lots of bits of code that I have copied into my project including parts that I do not use. The code has most of the features I want so far. I would like to …
i have currently learning html only but its so boring do all of you guys had same problem and tell me which language do i start with html, me and my friend have made a site on html with little css and and js (thegeekinsights) and its going fine. can …
Returning after having been away for several years. I mostly code in java at the 1.8 level. Also try to do some html and javascript with the latest project a webpage that uses Leaflet's javascript library to show a map using OpenStreet's Map tiles.
Hi all, For the past few years I've been working on this visual web dev tool called Webfoundry: https://webfoundry.app/ It allows you to visually manipulate the DOM to create components and page templates, add JavaScript bindings, and build anything the browser can accomodate. It's different from existing competitor products in …
I’ve been working on an HTML5 game and trying to make it run smoothly on older phones and low-end tablets. A few things that helped so far: reduce draw calls, use sprite sheets instead of many small images, and lower the canvas resolution when possible. Culling off-screen objects and simplifying …
The company I work for uses SVN, with full control over backups on other servers and strict access restrictions. Consequently, my interaction with Git, and GitHub specifically, has been primarily as a user or consumer. Over the years, I have created many things that could be packaged as plugins in …
Hi everyone, I’m working on a Node.js project and I ran into an issue that I can’t solve. I would really appreciate it if someone could take a look at my code and point out where I’m going wrong.
I’ve been exploring ways to optimize image-heavy websites for speed without losing quality. WebP and AI-driven compression tools are great, but trade-offs remain when dealing with large photo libraries. For example, fashion blogs like *<mine>* showcase detailed hairstyle photos (e.g., textured fringe, butterfly cuts), so performance tuning is critical. What …
Mine is [infinite scrolling](https://infinite-scroll.com/). Runner up, by the same folks, is the [masonry tiles](https://masonry.desandro.com/) featured on our homepage.
I'm someone who always relies on `console.log` for development. I was just wondering if anyone out there in Internet land ever uses `console.log` in production? Say, for status messages or notifications, perhaps? What about the less known about `console.info`?
This question is probably more suited for Cloudflare's community forums, but I figured I might as well ask it here (and there), and worst case, I get an answer there and then I can update this thread with the answer. So, from the Cloudflare domain overview, I click on Error …
Hi Everyone, Web development can be both exciting and challenging, but having the right tools makes all the difference. If you're starting out or looking to improve your workflow, consider using popular frameworks like React or Vue for streamlined front-end development. On the back end, Node.js and Django are solid …
For me, it's python and node.js (backend javascript). I feel like those are two languages that are *everywhere* these days. I'd also love to get into websockets or server-sent events to replace the long polling PHP chat we currently have going on (eek). A couple of years ago, I tried …
I’m working on a travel planning form that adjusts based on the selected nationality. For example, if someone picks a country like India, the form should display whether they need an electronic visa for places like Sri Lanka, and maybe show a short message or guide link. I’m using JavaScript …
Just as the topic title suggests, any jQuery 4 beta users out there who could let me know what it's like? The wait for v4 gold release is killing me. Also, please don't make fun of me for being a jQuery user. DaniWeb has been built on jQuery for decades. …
I was thinking of building a little tool that compares a webpage's DOM structure before and after javascript execution and performs a diff. I know that the functionality is already built into some paid SEO tools, but was just curious if you thought that having a standalone feature would be …
I know that this is probably a hopeless question, but are there any automated scripts that would *reliably* and *automagically* convert my thousands upon thousands of lines of jQuery code into native Javascript?
Hey developers 👋 I’m working on a new project for a client — a estate agency Ilford, and I’m wondering how much of this could be streamlined or even built with AI tools? The site needs standard features like: Property listings Service request forms (for tenants) Payment gateway Backend for …
Hello, fellow coders, I'm relatively new to coding and web development but excited to embark on a project combining my passion and my budding programming skills. I'm eager to create a tool like this https://minecraftcirclegenerate.com/ created using HTML, CSS, and JavaScript. As a beginner, I'm seeking guidance on where to …
Like Ron McLeod, [who we met yesterday](https://www.daniweb.com/community-center/say-hello/threads/543368/hi-everyone-i-m-ron-mcleod), I'm a moderator and administrator over at the CodeRanch.com forums. I'm a Software Engineer, currently working as a Software Architect for a medical technology company in Belfast, Northern Ireland. We use Java, JavaScript, TypeScript, Python, we have used many of the related tooling …
How can lazy loading improve web portal performance by reducing initial load times and optimizing resource usage? What are the best techniques to implement lazy loading in images, components, and data fetching using JavaScript frameworks like React, Vue, and Angular? How does lazy loading impact SEO and user experience?
I'm building an SSR React app (Next.js) with dynamic nested routes where components at multiple levels depend on both initial server-side data and real-time client-side updates via WebSockets. The challenge arises when synchronizing DOM state post-hydration—especially when the component tree changes due to route-based code-splitting, and some child components rely …
Hello There, I am looking for MUI React-based admin template in the TypeScript version for my project. Can you guys suggest some React Admin templates that are comprehensive and easy to use? I really appreciate any help you can provide.!
I’ve been working on a mid-size React project and started noticing performance lags and bloated component trees. I optimized a few things like: Using useMemo() and useCallback() smartly (but not overusing) Breaking components into smaller reusable ones Lazy loading routes and components But I’d love to know: What are your …
Hi everyone, I’m just starting out with testing and I need to generate some test data for things like names, birthdays, emails, and other basic information. I’m looking for web-based resources or tools that provide random test data for use in my testing. like i used this *<Promotional link snipped>* …
My web app throws a 500 Internal Server Error despite the server running fine. No clear logs indicate the issue. The backend is in Node.js with Express.js. app.post('/submit', async (req, res) => { let data = await processData(); // Possible async issue? res.send(data); }); Could it be an async error …
## **Introduction** > The McCharts component library is developed based on Hongmeng ArkTS syntax and supports API 9 and above. The chart component has been open sourced. Everyone can participate, whether they are new or experienced, to learn from each other, develop more component libraries, and enrich the ArkTS ecosystem. …
If you want to add a dynamic filtering option in your web application, here’s a simple and effective solution using React. This filter allows users to search by keyword, set minimum and maximum values, and filter by category. import React, { useState } from "react"; const DataFilter = ({ data …
I need to display a pound currency symbol before the amount that is calculated Below is the code I currently have <th class="text-right py-1 px-2 grand-total">0</th> function calc(){ var grand_total = 0; $('table#list tbody input[name="total[]"]').each(function(){ grand_total += parseFloat($(this).val()) }) $('table#list tfoot .grand-total').text(parseFloat(grand_total).toLocaleString('en-gb', {style:'decimal',maximumFractionDigit:2})) $('[name="amount"]').val(parseFloat(grand_total)) } I'm not sure where to …
Hi Dw, I want to get the keys and data of the php json response, heres the response I get {"content":{"1":{"title":"Present","start":"2025,01,29","end":"2025,01,29","backgroundColor":"#f39c12","borderColor":"#f39c12"}}} all I'm interested in starts from title.
I really need to know how to implement a scroll through function on click for my website.
Hi DW, I'm trying to get selected option id, the problem with my code is that it is only showing or returning the id of the first select only even if I click other options it doesn't return them. Heres my code var xid = $('#managsel option:selected').attr('id'); alert("The id is: …
Hello all! I have been away from this forum for far too long and would like to help with my experience/knowledge. This place helped me get through college and early professional work as a web developer. Is there a section to post random code snippets for tasks that may help …
var is function-scoped and allows redeclaration, which can cause bugs. let is block-scoped and doesn't allow redeclaration, making it safer. const is also block-scoped but used for values that shouldn't change. Use let for variables that may change and const for constants. Avoid var in modern JavaScript for cleaner, predictable …
Hello friends, it's been some times since I've posted here, but this community has always been my "I really need help" place to go. Lets get to the idea... I have a WordPress (dislike WP very much) site I'm customizing. Have a popup iFrame on click that is built into …
I am driving an html site from my network drive in my office that can be viewd on LAN. I need to put a blog kind of section on my site so people who visite this site can leave there comments on it and all can see thses comments. Can …
As web development continues to evolve, AI-driven tools like automated coding assistants, machine learning-powered design systems, and intelligent testing frameworks are reshaping how we build websites and apps. At Red Star Technologies, we're witnessing firsthand how these innovations are making development faster, smarter, and more efficient. But with these advancements …
Could it be one of the following? * webpack * vite * swc * rspack Why do you choose it?
Hello everyone, this is Taras Bilinskii, from Kyiv,Ukraine. Hope you are all doing well during these tough times. Life has been particularly challenging lately, especially living in Ukraine, where the worldwide difficulties hit a little harder. Despite these obstacles, I believe in the power of community and creativity to uplift …
So i'd like to have a **text** saying [Location] which will be shown and changed based on the viewer's location/ip. I tried to follow this video here https://www.youtube.com/watch?v=1KiGKd2XXL4 but i didn't manage to make it to work. I registered on 2 websites to get an API key which i placed …
I am creating a basic page in w3spaces and while I've finished editing the html and css part, I'd like to add a few scripts in it. I tried to add this script (https://www.w3schools.com/howto/howto_js_countdown.asp), which is a countdown timer to my own page but it seems like it doesn't run. …
Hi DW. Does anyone know how can I clear a devtool network monitor log of a browser using javascript. I know the `console.clear()` only clear the console log not the network monitor tool logs.
I’m looking for practical advice and best practices that can help improve a site's speed, considering factors like image optimization, code minification, and server response times. How do you balance performance improvements with maintaining a rich user experience? What tools or techniques have you found most useful in diagnosing and …
Can you guys help me figure out how to use tailwind utility classes "@apply md:text-xl" within .scss files in nextjs
Hey all! im new to coding and have been struggling to import/create this in my vite, jsx project. https://codepen.io/sanprieto/pen/XWNjBdb it has the html, js and css but i dont know how to get it functioning in my test.jsx page. have tried everything,but am really struggling. wondering if you guys can …
I'm start experiment with nodejs/coffeescript and the jade engine. I can see from the examples that setup are around seems pretty standard. app = express.createServer().listen process.env.PORT app.configure -> app.set 'views', __dirname + '/views' app.set 'view engine', 'jade' app.set 'view options', layout: true app.use express.bodyParser() app.use express.static(__dirname + '/public') app.use app.router …
The End.