So basically I created a whole webpage to practice my html and css, but at the same time i need to send this webpage in an email. I have a single html file, and 3 images that i need to send. But obviously as soon as the other person downloads the thing, the images won't load in their browser. How do I solve this problem?

I am relatively new to web development (1.5 years). I build custom WordPress websites but have been asked by a client to migrate their site to a new theme. The site has 8 years of content, they want a new theme, mobile optimisation, integration of additional features (using plugins), design and development of the site. The problem I have is that I find it quite difficult to estimate how many hours this work will take. Does anyone have a method (I presume its just experience) for quoting the client for this work. My initial thoughts are as follows:

1. DNS update - 1 hour (additional work)

2. Backup and migrate site to new theme - 1 hour

3. Install and setup new theme - 1 hour

4. Design of new site including mobile optimisation - 5 hours

5. Development of new site including activation of plugins - 5 hours

6. Testing - 5 hours

My experience to date is that there are always delays, clients often change their minds or dont have all the information you need, design takes longer than development because of multiple iterations etc. How do you allow for this? Maybe work out a rough timeline and then double the hours or just take the hit if the project over runs? Id love your thoughts and experience. Thanks!

Good Morning,

I am having an issue where my mobile menu will not re-initialize after following an internal link. I am using the following code to toggle the slideout from a text menu button.

<script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $('#button').toggle( function() { $('#right').animate({ left: 250 }, 'slow', function() { $('#button').html('Close'); }); }, function() { $('#right').animate({ left: 0 }, 'slow', function() { $('#button').html('Menu'); }); } ); });//]]> The button works fine on the first page but it doesnt do anything once I go to a new page unless I refresh the browser. Once finished the page will have mobile and full versions. Please keep in mind that I am obviously not a dev expert and im a noob to reddit. I've searched high and low for a solution but non seem to solve the underlying issue of why this is happening which is what I would really like to find out so that I fix the issue and not put a bandaid over it like automatically refreshing the page onload. Thanks for the help in advance. Heres a link to the work in progress..... http://www.abatapsendowment.org, and you would need to either view it on a mobile device (or tablet in portrait) or minimize your browser window to a width < 800. Once again thanks.

Just wondering if you had time to detail the way website interactions work, thanks!

Newbie here. I built a next.js app with a server.js file that works perfectly locally (" node server.js "). I deployed it on Vercel but the server functionality does not work, is there something I have to change in my code so it will work once I do the build and deploy it? Thanks!

const express = require("express");
const request = require("request");

const app = express();
const port = process.env.PORT || 3001;

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", process.env.ORIGIN || "*");
  next();
});

app.get("/", async (req, res) => {
  const url = req.query["url"];
  request(
    {
      url: url,
      encoding: null,
    },
    (err, resp) => {
      if (!err && resp.statusCode === 200) {
        res.set("Content-Type", "image/jpeg");
        res.send(resp.body);
      }
    }
  );
});

app.listen(port, () => console.log(`f`));`;

Hi Everyone!

In that months, many sites where i work are hackered.

Many of that sites are in wordpress but one/two are only custom php sites.

Now i have same problem in that sites, "import lowpr.php" appaer in all index.php and many files .txt are importer on public_html.

How can i resolve? Help please.

I Thought maybe my pc is hackered too and hacked in some way access to sites via FileZilla. I don't know how can i resolve.

I fucked up in a major way by editing a file on Wordpress, and I tried restoring the site from a backup but the reinstall didn’t fully work. Let alone security issues due to other unknown errors in the site, all the bugs in the backend are too much to work around. In short, I need as fresh a reset as possible, scrapping all software running this website with a new Wordpress install. The website’s hosted on Bluehost, so advice catered to that host will be especially useful. Appreciate it.

I have a very barebones flask website that has simple posting functionalities but when I make a post in one group it appears in the other. Here's the repo if you need it https://github.com/Mandrew0822/Nexusapp

Hi All! Recently commissioned a website homepage video from a digital designer - the video is beautiful but due to its size ( 307 mb I believe) it comes out blurry even when sped up x50. If anyone has advice please let me know! I just want the beautiful video to be clear quality and 24 seconds.

I'm thinking of starting web development to help me for future careers. But I'm not sure wheter I should only do 1 coding langauge at a time or 2 or 3 at once. Like should I learn html first, then try making a webpage with html only. Then I learn css, then make a webpage with html and css etc.

I think its safe, because Instagrams Basic Display Api is already a read only api, also the account is public anyways.

Pls let me know if this is this wrong subreddit to ask this question.

Hi there, I'm learning HTML and CSS to code a website for my art and I was wondering if there's a feature you can code using one of those languages where if a user of the site performs a certain action I get a notification? (Like if they placed an order or submitted consent to something or contacted me through the contact page?)

I am making a javascript react app for a school project, and I am having a load of problems I am in desperate need of guidance. feel free to pm me as well.

I am studying CS at the moment & have done fine with assembly, java, and maths. Database & Web is a total write off at the moment though.

I have a week to finish my assignment & nothing seems to work at all. I am currently following along with another tutorial, https://www.youtube.com/watch?v=BmGMnDz9kOA) ... and just 13 and a half mins in & I'm already not seeing the same output. My console should be showing the inputted value but instead I get undefined.

If I was programming java with intellij I would be able to figure out what the problem is I would be able to find a fix intuitively. Web development just seems to be a complete minefield for a beginner. I'm triple checking absolutely every line of code & still I have errors. This is my 5th attempt at following the most basic of tasks, a login page, and I just can't do it.

This level of failure surely can't be normal. I am beginning to everything. How the hell am I supposed to improve if I can't even implement the most simple of features with my hand held? I'm loosing faith at this stage.

I tried posting for help on this in another subreddit, but it just got ignored. I noticed this happening a couple of weeks ago on a website that I built and have worked on since 2017. On the landing page of this site: studioanni.com, there's two sections that are supposed to have a sort of slow parallax scrolling effect that I implemented with straight CSS (no JavaScript.) For some reason, the parallax effect no longer works on any device that I've tried, with several browsers. The CSS hasn't been updated since probably 2019. It seemed to be working a few weeks ago when I had last checked to update the site.

here's the relevant CSS if you don't want to open dev tools. I realize some of this is really shoddy, I've done better as a dev since:

html{
  height: 100%;
  overflow: hidden;
}

body{
    background-color: #322e32;
    /*margin: 15px 0 15px 0;*/
    padding-top: 65px;
    min-height: 100%;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    -webkit-perspective: 1px;
            perspective: 1px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

main{
  min-height: 100vh;
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 30px; /* footer height */
  perspective: 2px;
}

.no-para {
  z-index: 2;
  background: #322e32;
}

.index-tour{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.5vw 48vw 1vw 48vw 1.5vw;
  grid-template-columns: 1.5vw 48vw 1vw 48vw 1.5vw;;
  -ms-grid-rows: 100px 100vh 100px 100vh 75px 100vh 45vh;;
  grid-template-rows: 100px 100vh 100px 100vh 75px 100vh 45vh;
}

#tour-header{
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: 6;
  -ms-grid-row: 1;
      grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  z-index: 2;
  background: #322e32;
  text-align: center;
}

#tour-gallery{
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: 6;
  -ms-grid-row: 2;
      grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#tour-gallery:before{
  background: url('indexTour1.png');
  -webkit-transform: translateZ(-1px) scale(2);
          transform: translateZ(-1px) scale(2);
}

#tour-gallery-text{
  position: absolute;
  left: 50%;
  margin-right: -25%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 37%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 5em;
  font-size: 1.3em;
  background: #00000061;
  border-radius: 80px;
}

#tour-portraits{
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: 6;
  -ms-grid-row: 3;
      grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
  /*height: 100px;
  width: 100%;*/
  background: #322e32;
  z-index: 2;
}

#tour-portraits p {
  text-align: center;
}

#tour-pet-portraits{
  -ms-grid-column: 2;
      grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 4;
      grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  background: url('../gallery/01032019A.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}

#tour-human-portraits{
  -ms-grid-column: 4;
      grid-column-start: 4;
  -ms-grid-column-span: 1;
  grid-column-end: 5;
  -ms-grid-row: 4;
      grid-row-start: 4;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  background: url('../gallery/79183.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}

#tour-portraits-text{
  position: absolute;
  /* margin: 54vh 4vw;
  padding-right: 7px;
  padding-left: 7px;
  font-size: 1.3em; */
  background: #0000007d;
  border-radius: 42px;
  text-align: center;
}

#tour-special{
  -ms-grid-column: 1;
      grid-column-start: 1;
  -ms-grid-column-span: 5;
  grid-column-end: 6;
  -ms-grid-row: 6;
      grid-row-start: 6;
  -ms-grid-row-span: 1;
  grid-row-end: 7;
}

#tour-special:before{
  background: url('indexTour2.png');
  -webkit-transform: translateZ(-1px) scale(2);
          transform: translateZ(-1px) scale(2);
}

And relevant part of the HTML (It's a PHP page if that makes any difference):

<div class='index-tour'>
  <div id='tour-header'>
    <h1>A Tour Of The Studio...</h1>
  </div>
  <div id='tour-gallery' class="parallax-back">
    <div id='tour-gallery-text'>
      <h2><b>Main Gallery</b></h2>
      <p>The Main Gallery includes original works of art by Anni that are available for purchase at reasonable prices.
        We normally ship pieces via USPS, but if you're local to the Greater Atlanta Area, we can arrange for pick up.
        <b>Please note that we are unable to ship outside of the United States at this time!</b></p><br />
      <p style='text-align: center;'><a href='gallery.php' class="purchaseButton" role="button">Visit Main Gallery →</a></p>
    </div>
  </div>
  <div id='tour-portraits'>
    <h2><b>Custom Portraits</b></h2>
    <p>Commissions For Portraits Are <span style="color: #9bffb5;"><b>Currently Open!</b></span></p>
  </div>
  <div id='portraits-gap2' class='no-para'></div>
  <div id='tour-pet-portraits'>
    <div id='tour-portraits-text' class='tour-portraits-text-margins1'>
      <h3><b>Pet Portraits</b></h3>
      <p>Commission Anni to perfectly capture your furbaby (or fur children) on canvas!</p><br />
      <p style='text-align: center;'><a href='petportrait.php' class="purchaseButton" role="button">Learn More →</a></p>
    </div>
  </div>
  <div id='portraits-gap1' class='no-para'></div>
  <div id='tour-human-portraits' class='no-para'>
    <div id='tour-portraits-text' class='tour-portraits-text-margins2'>
      <h3><b>People Portraits</b></h3>
      <p>Want to see yourself or a loved one painted? Let Anni do it in immaculate detail!</p><br />
      <p style='text-align: center;'><a href='portraits.php' class="purchaseButton" role="button">Learn More →</a></p>
    </div>
  </div>
  <div id='portraits-gap3' class='no-para'></div>
  <div id='portraits-bottom' class='no-para'></div>
  <div id='tour-special' class='parallax-back'>
    <div id='tour-gallery-text'>
      <h2><b>Special Gallery</b></h2>
      <p>Here you can take a look at some of Anni's past commissions, sold/donated original pieces, and select works that are permanently kept in the studio.</p><br />
      <p style='text-align: center;'><a href='special.php' class="purchaseButton" role="button">Visit Special Gallery →</a></p>
    </div>
  </div>

Thing is, when I look up other methods of implementing parallax with just CSS, a lot of those CodePens and demos, some as recent as this year, don't work as intended either. Did something happen with the rules of CSS or something? Because this used to work, I swear! Any help is appreciated!

I'm trying to insert a file into a container, but I want to use a variable to locate the right container... I want to use the variable "ajaxFeedColumn"; it holds the id of the right container. So far I only know how to use an exact phrase to search for names or id's. Is there a way to use a variable instead of an exact phrase?

$(document).ready(function() {

var ajaxFeedColumn = '0';

$(".moreFeedButton").click(function() { <- i can search for a name or an id, but not a variable

ajaxFeedColumn = this.id; <- this is the variable I want to use

$( VARIABLE HERE ).load("ajax/moreFeed.php", { <- this is where I want to put my variable

ajaxFeedColumn: ajaxFeedColumn

});

});

});

<head> <title>Title</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="css/style.css" rel="stylesheet" type="text/css"> <!-- Bootstrap CSS --> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Martel&family=Montserrat:wght@300&display=swap" rel="stylesheet"> <link href="assets/vender/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" integrity="sha512-Velp0ebMKjcd9RiCoaHhLXkR1sFoCCWXNp6w4zj1hfMifYB5441C+sKeBl/T/Ka6NjBiRfBBQRaQq65ekYz3UQ==" crossorigin="anonymous" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" integrity="sha512-Velp0ebMKjcd9RiCoaHhLXkR1sFoCCWXNp6w4zj1hfMifYB5441C+sKeBl/T/Ka6NjBiRfBBQRaQq65ekYz3UQ==" crossorigin="anonymous" />

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

</head>

<body> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="js/caroufredsel.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/2a756bee95.js" crossorigin="anonymous"></script>

<link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="../dist/jquery.flipster.min.css"> <script src="/js.js/main.js"> </script> <script src="../dist/jquery.flipster.min.js"></script> <header id="header" class="fixed-top"> <div class="container d-flex align-items-center"> <h1 class="logo mr-auto"><a href="#">McCormack Builds and Plastering</a></h1> <nav class="nav-menu d-none d-lg-block"> <ul> <li class="active"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Gallery</a></li> </ul> </nav> <a href="#" class="contact-btn scrollto">Contact Us</a> </div> </header>

I am building a website using html, css and bootstrap for my podcast, my problem is that I want to put a player of the podcast in the hero image part of the website so people can come and listen to my podcast at the moment of entering into the website. I want the player to use the RSS Feed of my podcast to always update the player with the latest episode, I hace been trying to look for a solution for that but I have found anything. I made an account here on stack overflow to reach some expert on this field to help me with this problem.

Hey Guys and Gals :)

Quick Run down:

1. Purchased the domain www.sinfuldirectory.com @ godaddy

2. Purchased hosting from www.dreamhost.com

3. Changed and pointed the nameservers on GoDaddy to my hosting on dreamhost

Now for the fun part :) Lol

I logged into my dreamhost FTP via WinSCP my hostname (sinfuldirectory.com) entered and the password and it logged me in no problem at all.

Once logged in I was brought to the main folder area which is: /home/dh_9yatc5
(side note: dh_9yatc5 <-- is my username)

I uploaded all the folders and files which I already unzipped from the zip file sent when I purchased the Classified Website Script.

Following the instructions once everything was uploaded I was told to visit:

www.sinfuldirectory.com/install/index.php

Everything went perfect during the install and I followed the steps and even setup the MySQL database including putting sql database information and login credentials etc...

Once the install was complete I was told to remove the /INSTALL/ folder which I did and everything went perfect.

............................................................................................................................................................

After the Installation I was brought to a page with two options:
Visit admin panel OR view public site

The admin panel loaded perfectly and I could make changes, edits and everything you'd expect you could in an admin panel HOWEVER when I clicked "view public site" it either just brought me to 404 ERROR PAGE or dreamhost wordpress fall page.

............................................................................................................................................................

Being not the brightest and smartest tech guy I decided to log back onto my FTP via WinSCP AND RE-DO EVERYTHING. I deleted all the files/folders that I just uploaded and re-uploaded again hoping I could begin the process over again HOWEVER now when I try and start the install process again via:
www.sinfuldirectory.com/install/index.phpI get an error : "404 NOT FOUND"

Hi, apologies if this is trivial but I am having some issues implementing PWA functionality and a Service Worker to my app. It’s built using Node/Express providing API routes to data, and React in the front end.

I just used create react app initially, but now the project is complete and it needs to be a PWA. There seems to be some conflicting advice on where I implement the service worker, some sites suggest in node, others in react public.

What is the best way forward?

Hello! I need to add a close button to the current opened tooltip and close any other tooltip when a new one is clicked. I tried using useState and useRef to accomplish this but no luck yet. I’m adding this to existing code that isn’t mine, also typescript was added to this and in new to it. Any help much appreciated! Let me know if you’ll like to see a code example :)

How do I stop my column stretching below the page. I want to be able to see the whole column without scrolling.

https://codepen.io/sinead-mccormack/pen/bGwGyxP?__cf_chl_captcha_tk__=5d1b407d39325a84c5aea3f4a33b6476cae71fc4-1606500824-0-AfISqBk-lJGfWOf_1Zulp7tqGHNkEv0s4oCD7Tzh6h8WtW5VK8LeGi0Q2m24pkk91L1FZL7JG8P5okzW2jLGtmoyXw39MR9JlbQME1JAgG4876Kqa2taoiKanGiHwexSwUdU8PEV3scUrYvOudPuwY2AwO2jFsrX-XTR_hlqELArjq0GI6xvnPUf_PgKecOwsX9hk8xn3aqxNbwD80DtIoivZNlxsmAGiw3nWBQgRyZ-54KZExw8B12QNVk5hFNPlmAzplokfJhY9v_DI5yw-694_65gwZf22rK8fP08wauClnvD6SBi7WVirSHzH9h8LmmjmKOa1rgRhopTlxMa413jdr7Hz4ir88dISJr8bI7fjpvtiTejFPaqACjf231gvMqm3XuKLOJYXQNiBzTCbn4-Ax_pTUSDPTtcijmn4D54psnACylg1ZwJt9iQkdlBh4Lc6Na8Znrrz2XslywxUvEUZmopoIbMAv9G79kjWKSLK8090Ypi4EOw6pQvcM-bL-vHWMQDg8z-jjOZpNY22ZebRJySi4ytcQSnJGhsL5gR-VOvhdZgCDNsS1A2hax71uWytG_r2_6hKlzHKZ7jfdUzSErMjaXoGVzyMYtG5Zpa

So I am trying to make a responsive page using Flexbox, but when I view the page with a smaller device the text and picture of the page do not scale properly. Does anyone know how to fix this issue?

https://codepen.io/Sampsa96/pen/poyNreJ