Myndi Posts - Answer Overflow

Myndi

•Created by Myndi on 10/10/2023 in #front-end

JS logic question

var x = 10;
var y = 20;

function abc(x, y) {
  x = x + 10;
  y = y + 10;
  console.log(x);
  console.log(y);
  return x * 10;
}

z = abc(x,y);
console.log(x);
console.log(y);
console.log(z);

var x = 10;
var y = 20;

function abc(x, y) {
  x = x + 10;
  y = y + 10;
  console.log(x);
  console.log(y);
  return x * 10;
}

z = abc(x,y);
console.log(x);
console.log(y);
console.log(z);

Why is the answer to this 20 30 10 20 200 and not 10 20 20 30 200? Would anyone mind explaining it to me?

82 replies

KPCKevin Powell - Community

•Created by Myndi on 9/8/2023 in #front-end

Position sticky

8 replies

KPCKevin Powell - Community

•Created by Myndi on 9/2/2023 in #ui-ux

Suggestions for About Me section

https://myndi.dev/about/ Either layout suggestions, or topics I could cover, and if it should have an image or not. Or anything that you guys might think of.

1 replies

KPCKevin Powell - Community

•Created by Myndi on 6/7/2023 in #front-end

Suggestions for a header blurry background

I need a suggestion for the h1. I'm trying to get a blurry background, but I don't like how it signals the containers behind it. Does anyone have a better suggestion, or is it possible to make a radial blur effect? https://jovial-sunflower-25dc31.netlify.app/

10 replies

KPCKevin Powell - Community

•Created by Myndi on 5/24/2023 in #front-end

Anyone have any idea of how to replicate this grid phone layout?

The layout from this page, when checking it from phone, has a grid that expands when opening the hamburger menu. https://toweroffantasy.info/ To this blog I'm working on: https://astro-blog-custom.netlify.app/ Can anyone wrap their head around it to know how to do it? I have been trying, but no luck :( Here is a GIF of the behavior: https://gyazo.com/e82187a55007c7a125962495c148b9c3

89 replies

KPCKevin Powell - Community

•Created by Myndi on 4/29/2023 in #front-end

SCSS error

5 replies

KPCKevin Powell - Community

•Created by Myndi on 3/20/2023 in #front-end

Using default values from a JSON file

I have this issue on the live version: https://cozynova.online/mvptimer/ I would like to use the default values from a JSON file if the user inputs nothing, at the moment I assume values of true/false, but I feel like I'm not doing it correctly. tl;dr 1. If user inputs nothing -> use CDR values 2. If user inputs something -> use their values (already working)

11 replies

KPCKevin Powell - Community

•Created by Myndi on 3/9/2023 in #front-end

Extracting date from a Wiki page

I need some guidance. I have a personal page, built with Astro Framework. Then there's a wiki page that has tables and data. What is the best approach for me to collect some of this data of this wiki page into a JSON, and from this JSON generate a JS that displays this information? The information would basically request the data from the wiki page.

16 replies

KPCKevin Powell - Community

•Created by Myndi on 3/3/2023 in #front-end

Simple JS operand

I got curious about something, but, let's present the following case:

let a = 2;
let b = 5;

a *= 2 + b;
console.log(a); // 14

let a = 2;
let b = 5;

a *= 2 + b;
console.log(a); // 14

Why is it a = a * ( 2 + b ), instead of a = a * 2 + b. Is there any logic behind it? Or do I just accept the fact that a short hand for *= would assume anything after would be in a parenthesis?

63 replies

KPCKevin Powell - Community

•Created by Myndi on 2/22/2023 in #resources

Color palette generation

https://meodai.github.io/poline/

2 replies

KPCKevin Powell - Community

•Created by Myndi on 2/18/2023 in #front-end

What is wrong with this function?

It should loop over the elements, and add the class active when hovering (and it should remain active until I hover on another hoverable). https://codepen.io/myntsu/pen/JjaYJed

8 replies

KPCKevin Powell - Community

•Created by Myndi on 2/8/2023 in #front-end

Tag shape

22 replies

KPCKevin Powell - Community

•Created by Myndi on 1/23/2023 in #front-end

Need ideas for a nested ul layout

8 replies

KPCKevin Powell - Community

•Created by Myndi on 12/31/2022 in #resources

Developer roadmap

Back, frontend, iOS, Android and much more. https://roadmap.sh/

1 replies

KPCKevin Powell - Community

•Created by Myndi on 12/8/2022 in #front-end

Odd anchor behavior

Does anyone have an idea on why this might be happening? By clicking on: "4th section" (yeah, I know it's badly placed), it jumps weirdly, then if you scroll up, it's cut-off, and if you scroll down, the background image moved. https://cozynova.online/windcutter/#New-Player

47 replies

KPCKevin Powell - Community

•Created by Myndi on 12/7/2022 in #front-end

Tooltip with CSS with overflow hidden

From the section portrayed here: https://cozynova.online/hackandslasher/#Farming-Equipment Is there any way for the CSS tooltip to being able to stay on top, while the parent has overflow-y: auto (so I could scroll through). This is the relevant code of the tooltip:

      .custom-tooltip {
        position: relative;
        user-select: none;
      }

      .custom-tooltip::before,
      .custom-tooltip::after {
        --scale: 0;
        --arrow-size: 5px;
        position: absolute;
      }

      .custom-tooltip::before {
        --translate-y: calc(-100% - var(--arrow-size));
      }

      .custom-tooltip:is(:hover, :focus)::before,
      .custom-tooltip:is(:hover, :focus)::after {
        --scale: 1;
      }

      .custom-tooltip::after {
        --translate-y: calc(-1 * var(--arrow-size));
      }

      .custom-tooltip {
        position: relative;
        user-select: none;
      }

      .custom-tooltip::before,
      .custom-tooltip::after {
        --scale: 0;
        --arrow-size: 5px;
        position: absolute;
      }

      .custom-tooltip::before {
        --translate-y: calc(-100% - var(--arrow-size));
      }

      .custom-tooltip:is(:hover, :focus)::before,
      .custom-tooltip:is(:hover, :focus)::after {
        --scale: 1;
      }

      .custom-tooltip::after {
        --translate-y: calc(-1 * var(--arrow-size));
      }

12 replies

KPCKevin Powell - Community

•Created by Myndi on 12/6/2022 in #front-end

Grid autofilling slots

Is there any way for the grid to fill in the empty slots? https://gyazo.com/4228dd1f37765c2005faca892f8ae6ea As simple as the demo shows. I was wondering.

55 replies

KPCKevin Powell - Community

•Created by Myndi on 12/6/2022 in #os-and-tools

Netlify redirects

How do you guys manage redirects in Netlify? I was reading the article but just didn't stick to me. https://docs.netlify.com/routing/redirects/ I made a file like it says in here (a _redirects file), but nothing really changed :(

73 replies

KPCKevin Powell - Community

•Created by Myndi on 12/6/2022 in #front-end

Grid flex?

6 replies

KPCKevin Powell - Community

•Created by Myndi on 12/5/2022 in #front-end

Text decoration

16 replies

Gaming

Programming