14,189 Topics
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 …
Do either Safari or Firefox have near-term plans to implement container scroll-state queries? Google AI says that Safari supports it, but caniuse.com clearly says it does not. I'm waiting on this one with bated breath. For those of you who are not sure what I'm referring to, [it's this](https://caniuse.com/wf-container-scroll-state-queries).
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 …
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 …
Hi DW, I have a back-end php file which is an engine for my site and a HTML file which is where the input is shown. the actual html code for the inputs is returned from the backend php file because it get customized there and returned with it data. …
When the page loads, the div design makes the animation starts below. If I page down, the div animation already starts. I would like an code that the animation just appear when shows by the page. <html> <head> <meta name="viewport" content="width=device-width, inicial-scale=1"> <meta name="keywords" content="carlos web,soluções web,soluções,serviços,web design,hospedagem grátis,hospedagem,panfletos,placas,banner,banners,fachada,fachadas,papéis de …
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 …
At long last!! Rejoice! [Now only if most browsers supported the darn thing.](https://caniuse.com/css-if)
As you may know, yuo can customize the error pages in Cloudflare, such as for a WAF block, etc. For some reason, since the switchover to the new error pages dashboard, the custom font I always use isn't working. I can see that it converted https://cdn.daniweb.com/font.woff into inline base64 for …
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 …
If I want to use Bootstrap 5 for my admin dashboard and avoid Tailwind, which templates should I consider?
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 …
I have a DataGrid with a picture as link button in one of the columns. The linkbutton automatically gives me a blue linkframe around the picture. How do I get rid of that? Thanks! /Daniel
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 …
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 …
First I want to say that my only interest in the technical details of web development are from an end user perspective. I usually go to [this site](https://www.theweathernetwork.com/ca) to get my weather forecasts. Their current display format is to present the forecasts horizontally but it will likely be changing soon …
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
i need code
Hey everyone! 🌟 Web development is evolving rapidly with exciting trends like Progressive Web Apps (PWAs), Jamstack architecture, and AI integration. What tools and frameworks are you using? How do you tackle challenges like responsive design, performance optimization, and security? Share your experiences and tips! Cheers, Haseeb Ahmad:
<head><title>navigation</title> <link rel="stylesheet" href="../css/nav.css"> <link rel="stylesheet" href="../css/tutorial.css"> <link rel="stylesheet" href="../css/vedio.css"> <link rel="stylesheet" href="../../ionicons-2.0.1/css/ionicons.min.css"> </head> <body> <div class="container"> <button onclick="unb()" id="but">☰</button> <ul> <li><a href="#">MyList</a></li> <li><a href="#">KitHub</a></li> <li><a href="#">Comment</a></li> <li><a href="#">Image</a></li> <li><a href="#">About</a></li> <li><a href="#">Help</a></li> <input type="search" name="search" placeholder="SEARCH TUTORIAL VIDEO" id="search"> </ul><br> <!-- <button>⌦</button> close --> <i style="font-size: 49px; color: white;margin-right: …
I'm trying to understand what schema markup code is and how it works. From what I've gathered, it's a way to help search engines understand the content on a webpage better, but I'm not entirely sure how it's implemented or what benefits it provides. Can someone explain in detail: 1. …
Hello, I would like to wrap (surround) all words "flyer" (case insensitive) in the HTML text content, not those in the link. My RegEx works fine on Regex101: https://regex101.com/r/NVmXd1/1 Attached, my HTML file to test my (non working) JS RegEx. Thank you and regards.
"I'm working on a navigation menu for my HTML page, but it's not behaving as expected. The links aren't aligning properly, and the styling seems a bit wonky. I've included the code below. Can anyone help me figure out what's causing this navigation headache? This my Code <!DOCTYPE html> <html …
how to optimized page speed and make it mobile responsive without using any plugin?
Hello everyone, I have a task in which I would like to implement the graphical visualisation of a quadratic equation in the interval x =[-10,10] and - if any exist - the corresponding zeros, using CanvasRenderingContext2D methods. To convert the coordinates into pixel coordinates within the canvas: the coordinates into …
I want to display different html tags on the php page they are visiting, for example on the homepage and the computer shop basildon page I want the html tag `<section class="testimonal-two pt-0">` and on all other pages I want the code `<section class="testimonal-two">` Below is the code I have …
<!DOCTYPE html> <html style="font-size: 16px;" lang="en"><head> <title>Comment</title> <script src="js/jquery.js"></script> <link rel="stylesheet" href="sign.css"> </head> <body class="u-body u-overlap u-xl-mode" style="background: url(img/arcane.png);" data-lang="en"> <div class="container" style="text-align:left;margin-top: 10px;margin-bottom:30px; margin-left: auto; margin-right: auto;background: #fff;" > <div class="title">Registration</div> <form action="#" enctype="multipart/form-data" method="POST" > <div class="user-info"> <div class="input-box"> <span class="text">First name</span> <input type="text" name="firstname" placeholder="Enter Your firstname"> …
"I'm attempting to embed an image in my HTML page, but it's not showing up. I've checked the file path, and it seems correct. Below is the code I'm using. Any insights on why the image isn't displaying as expected?"" <!DOCTYPE html> <html lang=""en""> <head> <meta charset=""UTF-8""> <meta name=""viewport"" content=""width=device-width, …
Hello, I am somewhat new to APIs. I have integrated PayPal payments successfully. With PayPal, I can send the user to the payment page using an HTML form. Here is an example ... <!-- PAYPAL --> <form action="https://www.paypal.com/cgi-bin/webscr" method="POST" name="_cart"> <input type="hidden" name="cmd" value="_cart" /> <input type="hidden" name="upload" value="1" /> …
Pardon me if this is not allowed here, you can remove this if this is not allowed. I’ve finished learning basics of HTML and CSS indvidually. I.e topic by topic w/o creating a project. If you want to know the topics that I’ve learnt, I’ve learnt around everything contained in …
Hello everyone i want to disable the automatic swipe effect on my product page on this site https://kupisi.mk the lib is called lightgallery i am not able to find the line of code to turn it off for 2 days i need fresh pair of eyes !! :S i made …
This is a simple to use, self-contained website slideshow utility. Do you have a monitor or TV setup in your lobby where you'd like to present web content automatically? With this HTML/Javascript page, simply edit an array of pages or "slides". You define a title, duration, and URL for each …
I am trying to create a meme generator similar to imgflip.com I know javascript but not sure how to implement this. I want users to be able to move text around the canvas using mousemove event listener. But I am not sure if they are moving the text on the …
I have a memes site that users can earn from. I want to make the website easier to use and more fun. What should I do to make the website better? Website: PicturePunches
I want to prevent cross-site scripting attacks in web applications I make. If someone could provide me with some suggestions and advice, it would be really helpful.
A full-stack designer makes and keeps up with both the front-end and back-finish of a site, web application, or PC program. Here is a breakdown of the jobs and obligations related to the profile. * Making intuitive UIs with JavaScript and HTML/CSS structures and libraries * Keeping up with cross-stage …
Hi everyone, This is Aroundme Directory. Looking forward to participate in helpful discussion.
I am practicing to make GSAP animated websites but i am facing this problem of slow loading of my website for example slow loading images and fonts. It will be really helpful if somebody can help
I am facing a lot of issues in the performance optimization of my web application. Can anybody help? I have heard about reducing page load time, minimizing render-blocking resources, and optimizing images. But I don't know how to do it. Can anyone please share some techniques or tools you would …
I have a web page that loads images with a modal, and at the same time is meant to inhibit image piracy by delivering a transparent overlay when a user attempts to make a screen copy of the image. I have two php lines of image scripts which work OK …
Can you explain what the "Critical Rendering Path" is and how it influences the performance of web pages?
The Google Analytics javascript tag we use in our HTML <head> is: <script async src="https://www.googletagmanager.com/gtag/js?id=G-3BQYMGHE7E"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3BQYMGHE7E'); </script> Then, there are a handful of `gtag()` calls elsewhere on the page. I'm confused by how async works in this context. …
Hello What is wrong in the form validation. It always give me -> not OK -> red color I hope someone can help me with this. Thanks in advance. Best regard. <html> <head> <style> .error { font-family: Tahoma; font-size: 8pt; color: #FFFFFF; padding: 2px 172px 2px 172px; background-color: #FF0000; display:none; …
The End.