Fartasia Comments - Answer Overflow

Fartasia

Posts Comments

KPCKevin Powell - Community

•Created by Fartasia on 4/12/2024 in #ui-ux

Parallax background image in sticky section headers

This is a dynamic control for an app. If anyone is stuck with the same issue that I had, then I can post a codepen

4 replies

KPCKevin Powell - Community

•Created by Fartasia on 4/12/2024 in #ui-ux

Parallax background image in sticky section headers

The section background now blends nicely with the page background giving the appearance of transparency and also hides the scrolling content beneath the sticky section divs at the same time.

4 replies

KPCKevin Powell - Community

•Created by Fartasia on 4/12/2024 in #ui-ux

Parallax background image in sticky section headers

4 replies

KPCKevin Powell - Community

•Created by Wonderbear on 4/12/2024 in #front-end

Prevent vertical flex grow?

8 replies

KPCKevin Powell - Community

•Created by Wonderbear on 4/12/2024 in #front-end

Prevent vertical flex grow?

you have your flex container to align-items: start ... change to stretch if you want them to both be the same height

8 replies

KPCKevin Powell - Community

•Created by azka on 4/12/2024 in #ui-ux

help me choose one design in terms of both functionality and aesthetic.

It's not mobile, however is responsive. Resize your browser window and the columns will collapse. Now you can see what yours could look like and maybe help with the design aspect too! 😉

22 replies

KPCKevin Powell - Community

•Created by azka on 4/12/2024 in #ui-ux

help me choose one design in terms of both functionality and aesthetic.

Here is something to give you ideas with your design: https://codepen.io/TurkAysenur/pen/JjGKKrP

22 replies

KPCKevin Powell - Community

•Created by Fartasia on 8/7/2023 in #front-end

Applying a pseudo element to a Firefox Input

2 replies

KPCKevin Powell - Community

•Created by MD on 2/18/2023 in #resources

Editors like Dreamweaver

VSCode + SASS with LiveUpdate/Hot-Reloading is all that I need. Tools like those tend to add stuff that I do not need and force restrictive workflows that I do not want.

3 replies

KPCKevin Powell - Community

•Created by cobalt on 1/9/2023 in #resources

How to Center in CSS

Kevin has done a number of videos on "how to centre": https://www.youtube.com/results?search_query=kevin+powell+center

3 replies

KPCKevin Powell - Community

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

Unable to add data array into left side of the documentation page

I'm off to eat dinner .. will be back later

33 replies

KPCKevin Powell - Community

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

Unable to add data array into left side of the documentation page

make it easy for you and those helping you!

33 replies

KPCKevin Powell - Community

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

Unable to add data array into left side of the documentation page

JS box:

let data = [
    "Introduction",
    "What you should already know<",
    "Javasript and Java",
    "Hello World<",
    "Variables",
    "Declaring variables",
    "Variable Scop",
];

let listElement = document.getElementsByClassName("listElem");

data.forEach(function (item) {
    let li = document.createElement("li");
    console.log(li);
    li.innerText = item;
    listElement.appendChild(li);
    getElementById("listElem");
});

console.log(listElement);

let data = [
    "Introduction",
    "What you should already know<",
    "Javasript and Java",
    "Hello World<",
    "Variables",
    "Declaring variables",
    "Variable Scop",
];

let listElement = document.getElementsByClassName("listElem");

data.forEach(function (item) {
    let li = document.createElement("li");
    console.log(li);
    li.innerText = item;
    listElement.appendChild(li);
    getElementById("listElem");
});

console.log(listElement);