Zach
Zach
Explore posts from servers
KPCKevin Powell - Community
Created by Zach on 11/23/2024 in #resources
SVG Favicon Generator
Can anyone recommend a good online favicon creation tool that outputs SVG?
2 replies
KPCKevin Powell - Community
Created by Zach on 10/2/2024 in #os-and-tools
Anyone have `vscodevim` extension get vim saves eg. `:w` to format on save with prettier?
Anyone have vscodevim extension get vim saves eg. :w to format on save with prettier?
18 replies
KPCKevin Powell - Community
Created by Zach on 9/27/2024 in #front-end
Slow render glitching issue?
https://captainsuds.com.au/ When scrolling up/down on this site does anyone notice a large section is completely white before it renders in slower than would be expected? I suspect the large cloud background might be slow to load?
23 replies
KPCKevin Powell - Community
Created by Zach on 8/31/2024 in #resources
Nikhil Suresh - Skills that programmers need, to defend both their code and their careers
1 replies
KPCKevin Powell - Community
Created by Zach on 8/5/2024 in #front-end
`1vmin` and `min(1vw, 1vh)` are the same.Change my mind...
1vmin and min(1vw, 1vh) are the same. Change my mind...
1 replies
KPCKevin Powell - Community
Created by Zach on 7/31/2024 in #front-end
difference between em and % for font size, anyone know?
For example font-size: 1em; vs font-size: 100%;
3 replies
KPCKevin Powell - Community
Created by Zach on 7/21/2024 in #front-end
CSS to highlight "nested" rows using th and varied rowspan attributes using the :has selector
Saw this post on Stack Overflow and really curious if anyone on here can figure out an elegant solution: https://stackoverflow.com/questions/78498186/css-to-highlight-nested-rows-using-th-and-varied-rowspan-attributes-using-the
1 replies
KPCKevin Powell - Community
Created by Zach on 7/1/2024 in #front-end
Preserve image aspect ratio with Gatsby image component within Flexbox
No description
3 replies
KPCKevin Powell - Community
Created by Zach on 6/28/2024 in #front-end
npm deprecated and vulnerable dependencies
When running pnpm run develop on latest Gatsby version I get the following pop up a bunch of times:
(node:2069896) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead. (Use node --trace-deprecation ... to show where the warning was created)
I also have one high and one moderate vulnerabilities that introduce breaking changes 💀 Anyone sorted this type of thing before and willing to dumb it down for me? I never really look into fixing these but this is for a project where an employer will look at the console and I want this shit cleaned up but no idea how
11 replies
KPCKevin Powell - Community
Created by Zach on 6/28/2024 in #front-end
What HTML elements should I use here and what markup order?
No description
16 replies
KPCKevin Powell - Community
Created by Zach on 5/14/2024 in #resources
JavaScript File System Access API Tutorial - Read, Write and Save Files
2 replies
KPCKevin Powell - Community
Created by Zach on 4/7/2024 in #resources
Gorgeous accordion
1 replies
KPCKevin Powell - Community
Created by Zach on 3/24/2024 in #front-end
`display: contents` on `<details>`?
https://codepen.io/zachjensz/pen/rNbwOdV I would like to be able to stylistically hide a details element but it doesn't seem to be possible
6 replies
KPCKevin Powell - Community
Created by Zach on 2/6/2024 in #resources
Epic free software
7 replies
KPCKevin Powell - Community
Created by Zach on 10/22/2023 in #resources
Why you suck at CSS
17 replies
KPCKevin Powell - Community
Created by Zach on 9/19/2023 in #front-end
Not override spreaded value
I'm exporting some objects:
const PA28_161 = {
...aircraft,
name: 'Piper Warrior PA28-161',
weightMaxTakeoffPounds: 2325,
weightMaxLandingPounds: 2325,
additionalCategories: [
{
name: 'utility',
weightMaxTakeoffPounds: 1950
}
],
masses: [
{
...mass,
name: 'Front Seats',
armInches: 80.5
},
{
...mass,
name: 'Fuel',
armInches: 95,
weightMaxPounds: 2179.45
},
{
...mass,
name: 'Rear Seats',
armInches: 118.1
},
{
...mass,
name: 'Baggage',
armInches: 142.8,
weightMaxPounds: 200
}
]
};

export const default_templates = [
{
...PA28_161,
name: 'OHO YLIL',
masses: [
{
...mass,
name: 'Empty Weight',
weightPounds: 1521.45,
armInches: 86.18
}
]
}
];
const PA28_161 = {
...aircraft,
name: 'Piper Warrior PA28-161',
weightMaxTakeoffPounds: 2325,
weightMaxLandingPounds: 2325,
additionalCategories: [
{
name: 'utility',
weightMaxTakeoffPounds: 1950
}
],
masses: [
{
...mass,
name: 'Front Seats',
armInches: 80.5
},
{
...mass,
name: 'Fuel',
armInches: 95,
weightMaxPounds: 2179.45
},
{
...mass,
name: 'Rear Seats',
armInches: 118.1
},
{
...mass,
name: 'Baggage',
armInches: 142.8,
weightMaxPounds: 200
}
]
};

export const default_templates = [
{
...PA28_161,
name: 'OHO YLIL',
masses: [
{
...mass,
name: 'Empty Weight',
weightPounds: 1521.45,
armInches: 86.18
}
]
}
];
How can I add a mass to masses without overriding the spreaded masses?
7 replies
KPCKevin Powell - Community
Created by Zach on 9/19/2023 in #front-end
Javascript Object.create inside object?
This doesn't seem to work:
const myObject = {
masses: [
Object.create(mass, {
name: 'Front Seats',
armInches: 80.5
}),
Object.create(mass, {
name: 'Fuel',
armInches: 95,
weightMaxPounds: 2179.45
},
Object.create(mass, {
name: 'Rear Seats',
armInches: 118.1
}),
Object.create(mass, {
name: 'Baggage',
armInches: 142.8,
weightMaxPounds: 200
}),
]
}
const myObject = {
masses: [
Object.create(mass, {
name: 'Front Seats',
armInches: 80.5
}),
Object.create(mass, {
name: 'Fuel',
armInches: 95,
weightMaxPounds: 2179.45
},
Object.create(mass, {
name: 'Rear Seats',
armInches: 118.1
}),
Object.create(mass, {
name: 'Baggage',
armInches: 142.8,
weightMaxPounds: 200
}),
]
}
4 replies
KPCKevin Powell - Community
Created by Zach on 7/30/2023 in #resources
Hire a Hitman 🤣
11 replies
KPCKevin Powell - Community
Created by Zach on 7/27/2023 in #resources
Site load performance
2 replies