html – javascript music player covering entire width of website, how do i change width to make it much smaller

document.querySelector(‘.playpause’).addEventListener(‘click’, playpause); function playpause() { if (document.querySelector(‘.playpause’).innerHTML == ‘<i class=”fas fa-play”></i>’) { document.querySelector(‘#musicsrc’).play(); document.querySelector(‘.playpause’).innerHTML = ‘<i class=”fas fa-pause”></i>’; } else { document.querySelector(‘#musicsrc’).pause(); document.querySelector(‘.playpause’).innerHTML = ‘<i class=”fas fa-play”></i>’; } } #musicplayer { display: grid; grid-template-columns: 18px auto; align-items: center width: 90px; height: 24px; font-size: 11px; font-family: kosugi; color: #955136; line-height: 200%; background: white; border: 2px solid … Read more

javascript – I am having a problem with Query selectors for this project website

const theFoodImg = document.querySelector(‘.food-img’); const recipeLink = document.querySelector(‘.recipe-link’); const linkIcon = document.querySelector(‘.fa-link’); const pinTopBar = document.querySelector(‘.fa-thumbtack’); const topBar = document.querySelector(‘#top-bar’); const pinColor = document.querySelector(‘.fa-thumbtack’); theFoodImg.addEventListener(‘click’, function() { if(theFoodImg.classList.contains(‘active’)){ theFoodImg.classList.remove(‘active’); theFoodImg.classList.remove(‘food-hover’); theFoodImg.classList.add(‘food-img’); recipeLink.classList.add(‘recipe-link’); recipeLink.classList.remove(‘click’); linkIcon.classList.add(‘white-link’) linkIcon.classList.remove(‘blue-link’) } else { theFoodImg.classList.remove(‘food-img’); theFoodImg.classList.add(‘active’); recipeLink.classList.remove(‘recipe-link’); recipeLink.classList.add(‘click’); linkIcon.classList.remove(‘white-link’) linkIcon.classList.add(‘blue-link’) } }) theFoodImg.addEventListener(‘mouseenter’, function(){ if (theFoodImg.classList.contains(‘active’) !== true) { theFoodImg.classList.add(‘food-hover’); } … Read more

What is Jamstack? The static website revolution upending web development

Jamstack is a popular web development philosophy that aims to speed up both web development and the time it takes to download a web page. Drawing from devops and CI/CD, Jamstack upends long-held techniques for building interactive web pages, shifting load-time code execution away from web servers and toward in-browser JavaScript and external services accessed … Read more

How to Find a Vulnerability in a Website

While website owners consider scalability and high performance to be supreme, the changing threat landscape requires security to be an equally crucial consideration. The first step to securing a vulnerable website is to identify application vulnerabilities and then take corrective actions to mitigate them. In this article, we explore how to find a vulnerability in … Read more

React localStorage destroys website when not logged in : learnprogramming

tl;dr let localFirstName = JSON.parse(user).firstName; does not work when user is not logged in or registered, because the value is null and therefore crashes my website completely. I have highlighted the most important parts with big text. I have made a very simple website that shouldn’t require security or complex stuff, as this is just … Read more

css – Images in website (HTML) take too long to load

body { font-family: “Gill Sans”, “Gill Sans MT”, “Myriad Pro”, “DejaVu Sans Condensed”, Helvetica, Arial, “sans-serif”; color: #00355A; text-align: center; /*border-style: solid;*/ } .image1 { width: 100%; height: auto; position: relative; } .image2 { width: 100%; height: auto; position: relative; } .image3 { width: 100%; height: auto; position: relative; } .image4 { width: 100%; height: … Read more

Collect Excel Data from Website | Javascript

/*ADOBE SYSTEMS INCORPORATED Copyright 2012 Adobe Systems Incorporated All Rights Reserved. NOTICE: Adobe permits you to use, modify, and distribute this file in accordance with the terms of the Adobe license agreement accompanying it. If you have received this file from a source other than Adobe, then your use, modification, or distribution of it requires … Read more

How to Improve Your WordPress’ Website Security

WordPress security has been an important topic ever since the content management system was released back in 2003. As with any highly popular piece of software with a long and rich history, the CMS can sometimes become the target of WordPress hackers. Hostile actions could include a cross-site scripting attack, sql injections, brute force attacks, … Read more