About this code (I found a similar code on the Apple website): <picture> <source srcset="1.jpg, 1_2x.jpg 2x" media="(max-width: 734px)" /> <source srcset="2.jpg, 2_2x.jpg 2x" media="(max-width: 1068px)" /> <source srcset="0.jpg, 0_2x.jpg 2x" media="(min-width: 0px)" /> <img src="0.jpg" alt /> </picture> Question…
I want to be able to develop my user interface designs from figma. Do I need to learn HTML or just CSS and Javascript? And what are the best resources for that? So far in dev mode, I've only seen…
I have a text input and a link used as a button set up on my website like so: <input type="text" onblur="blurfunction()"> <a href="javascript:buttonfunction()">Button</a> It's important for my functionality to have blurfunction() always fire before buttonfunction(), even if the link…
When updating Google Tag Manager to support CSP and nonce, they say to use this script: (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]'); n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX'); The n&&j.setAttribute() is confusing to me; not sure if it's just a lack of Javascript…
im not sure what to use in that case I want to have resumé (img) on the left, the biographie (p) with a wide width in the middle and on the right in the same area a input (email), texterea…
I want to clip the gradient of the parent element to the children but it doesnt quite work. either the gradient shows completely (not only covers the text) or my other, normal background is the background it uses to clip…
function toggleBorders() { table.tHead.firstElementChild.children[1].classList.toggle('thick-border'); Array.from(table.tBodies[0].children).forEach(row => row.children[1].classList.toggle('thick-border')); } table { border-collapse: collapse; } th.thick-border, td.thick-border { border: 3px solid coral; border-top: none; border-bottom: none; } <table id="table"> <thead> <tr> <th>h1</th> <th>h2</th> <th>h3</th> <th>h4</th> </tr> </thead> <tbody> <tr> <td>11</td> <td>12</td> <td>13</td>…
I'm trying to invoke job.php from careers.php using the code below. Could someone help me identify what might be wrong or suggest a better approach? careers.php: <div class="trending-lower-text d-flex align-items-center justify-content-between"> <a class="custom-btn btn1" href=“aform.php"><span>Apply</span></a> <form id="hiddenForm" action="job.php" method="post"> <input…
In my homepage header, I have a login and register button. Currently, there is no space between these two buttons in wide screen. In smaller screen, I made it to collapse, and there is space. How do I keep the…
I have 6 different options for fonts and I created a button in HTML to call a function onclick. I click it once adn the change works, but when I click it again it does nothing. Definitely missing something and…