Search DaniWeb - css

Re: How Build video-player in html And css ? 6 Hours Ago by simhakidsden You can build a video player in HTML and CSS by using the <video> element to display the video and styling it with CSS to customize its appearance and layout. You can also use JavaScript to add additional functionality, such as play, pause, and volume controls. Re: What is Schema Markup Code? 8 Hours Ago by Umar_35 Schema markup is code that helps search engines understand your webpage content better. It improves SEO by enhancing search engine visibility and providing rich snippets in search results. Common types include Article, Product, Event, and Local Business schema. To add schema markup: Manually insert JSON-LD code into your webpage's HTML. Use … Re: HTML Navigation Menu Alignment Issue 3 Weeks Ago by Dani Can you include the CSS you're using for this? Should we noindex our JSON files? 3 Weeks Ago by Dani …'s cache the same way Google's cache includes our CSS and JS files. We wouldn't noindex our… page speed optimization 3 Weeks Ago by Admin907 how to optimized page speed and make it mobile responsive without using any plugin? Re: page speed optimization 3 Weeks Ago by Dani It depends how technical you are. Instead of using a plugin, you can code everything manually that a plugin would do. Also, I recommend Cloudflare. Even the free version offers a bunch of speed improvements. But, yeah, it all comes down to how technical you are, I suppose. RegEx to wrap words in HTML 3 Weeks Ago by samzz 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. Re: RegEx to wrap words in HTML 3 Weeks Ago by samzz I found a solution to my problem. See attached HTML file. Solution: function testRX() { var rex=new RegExp("(?<=>[^<]*)(flyer)|(flyer)(?=[^>]*<)","gi"); //Previous one had mistake var str=document.getElementById("str").textContent; //Not .innerHTML var res=str.replace(rex,&… What is Schema Markup Code? 3 Weeks Ago by Admin907 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. **What exactly is schema markup code?** 2. **How does it … LCP improvement needed 3 Weeks Ago by Admin907 can any one help me in improving website lcp? Re: LCP improvement needed 3 Weeks Ago by Dani LCP is very unique to each website, so there is little help I can offer aside from redirecting you to https://webpagetest.org/ to see where the failure is. What are the recommendations given by [Google PageSpeed](https://pagespeed.web.dev/)? Re: What is Schema Markup Code? 3 Weeks Ago by Dani > What exactly is schema markup code? JSON or HTML microdata that gives search engines additional context as to what is on a page. For example, it lets search engine bots know that this is a Q&A page, comprised of a question, multiple answers, how many upvotes or downvotes each answer received, the member who wrote each post, etc. All … Re: RegEx to wrap words in HTML 3 Weeks Ago by Dani I'm glad you got it working. Sorry, I just saw this thread now. I, myself, struggle quite frequently with Regex. Regex101 is always my lifesaver. Thank you so much for posting your solution so that it can be helpful to others in the future. I've marked this question solved. Future of Web Development: Trends and Tools 3 Weeks Ago by Haseeb_12 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: Re: Future of Web Development: Trends and Tools 3 Weeks Ago by Dani What is jamstack architecture? I'm not familiar with it. As far as tools and frameworks, I've pretty much been using the same ones for the past 20 years. PHP + MySQL + Nginx + Redis + Memcached + SphinxSearch on the backend. Cloudflare as a CDN. On the front end, it's Bootstrap and jQuery. Yes, I'm still old school like that. For many years, I … How Build video-player in html And css ? 2 Months Ago by Kirubel_2 … <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… Re: How Build video-player in html And css ? 2 Months Ago by Kirubel_2 body{ /* background: url(../img/w11.png); */ background: url(../img/m.jpg); background-size: cover; background-repeat: no-repeat; margin: 0; padding: 0; height: 101vh; overflow-y: hidden; } .container button{ background: transparent; … Re: Finished learning basics of html and css. What next? 2 Months Ago by Dani Or you could try the React framework instead of Angular. I've heard better things about it. How Build Html form ? 2 Months Ago by Kirubel_2 …> <link rel="stylesheet" href="sign.css"> </head> <body class="u…;/div> </div> <style type="text/css"> .content { position: absolute; top: 50%; left: 50%; right… HTML Navigation Menu Alignment Issue 1 Month Ago by khan zain … rel=""stylesheet"" href=""styles.css""> </head> <body> <… Re: Display specific html tag on specific pages 1 Month Ago by Dani …the current page $currentpage = $_SERVER['REQUEST_URI']; // Most pages have this CSS class $class = 'testimonial-two'; // Array of pages $array =… if (in_array($currentpage, $array)) { // ... then overwrite the CSS class $class = 'testimonial-two pt-0'; } echo '<section… Re: DomContentLoaded vs jQuery Ready fn 2 Months Ago by toneewa … is ready for manipulations. It triggers as soon as the CSS, scripts are available, even before resources likes images or stylesheets… Re: How Build Html form ? 1 Month Ago by Dani I'm not exactly understanding your question. I see you have an HTML form here in this HTML code. What is not working about it? You need to specify the action="#" to be a URL that will process the form. Re: Improve HAVING BY performance 2 Months Ago by Dani … entirety before the web browser can begin loading anything else (CSS, Javascript, images, etc.) and start rendering the page. CWV dictates… that the entire page must be fully loaded, meaning CSS files downloaded and rendering the HTML, JS files downloaded and… Re: DomContentLoaded vs jQuery Ready fn 2 Months Ago by pritaeas > However, as a jQuery user, what is the difference between DOMContentLoaded and the jQuery ready fn? No difference really, although some sources state that the ready function might fire "a little" later (because it is wrapper code). Re: How to disable the automatic swipe effect on the product page? 2 Months Ago by Read a Book @kimnancy I tried contacting them for over 2 weeks... Their customer support is non existent P.S i still have the same problem... i still cannot disable the auto swiping effect... Tried to learn the lightgallery docs. but cant find relevant info Re: How to disable the automatic swipe effect on the product page? 2 Months Ago by rproffitt This is not an offer of edits or support. slideDelay at https://www.lightgalleryjs.com/docs/settings/ looks like something I'd look to add or change. Sometimes website owners don't code so they end up a little frustrated. Re: How to disable the automatic swipe effect on the product page? 2 Months Ago by Read a Book I saw that the `slideDelay` is already set to 0. I uploaded the full code from the file `lightgallery.min.js` here is the pastebin link to it https://pastebin.com/v4qKbwVd `https://www.kupisi.mk/vendor/lightgallery/lightgallery.min.js` There are three files in the lightgallery folder `lightgallery.min.js` `lightgallery.umd.js` `… Re: DomContentLoaded vs jQuery Ready fn 2 Months Ago by jkon Of course I agree with toneewa and pritaeas but because it is an intresting topic I thought to share some thoughts to it. Given the fact that I load jQuery (in one minified file that contains also every JavaScript that this part of the app requires) I load it dynamically after DOMContentLoaded or onLoad in older browsers. e.g.: var … Re: How to disable the automatic swipe effect on the product page? 2 Months Ago by Read a Book @rproffitt I tried it with various higher numbers than 0 and it did no helped... How can this be so big problem i don't understand :/ The products with videos in them are hurting my SEO... ![Screenshot_2024-03-21_093154.png](https://static.daniweb.com/attachments/4/b8ebec361fed813b05ae54827e38e9c6.png)