Jono Lewarne Comments - Answer Overflow

Topics

Jono Lewarne

KPCKevin Powell - Community

•Created by Jono Lewarne on 12/9/2024 in #front-end

Best way to get this harp instrument working

I think what's nice about the rotary knob is that it won't need any instructions, it's so naturally intuitive. I'd like to avoid filling the screen with tooltips or instructions beyond what the client has already put in their draft design I did wonder if a rotary slider might be better?

5 replies

KPCKevin Powell - Community

•Created by rnrnshn on 12/7/2024 in #front-end

GSAP Animation HELP

The Gsap documentation is really good, easy to read with good examples

5 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 11/25/2024 in #front-end

Best way to align captions with varying width images?

Sorry, I did a poor job of explaining the issue. They're currently set to display flex, justify content left and flex direction column. But I've actually changed the layout a bit now for other reasons so I no longer need to figure this out haha. Thanks for your answers though!

4 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 11/21/2024 in #front-end

Weird 100vh issue on firefox

Figured it out, it was this in the css file:

@property --scrollbar {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
html {
  container-type: inline-size;
}

@property --scrollbar {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
html {
  container-type: inline-size;
}

3 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 11/14/2024 in #front-end

Could these scalable backgrounds be made with css?

OK thanks guys, I'll see if I can make it work with the generator and if not, svg in general

11 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 11/14/2024 in #front-end

Could these scalable backgrounds be made with css?

I was wondering about the top left one being possible with a sprinkling of js. Having a flex container and negative margins on the children and then adding extra columns for every x amount of width increase. The overlap would be flexible but that’s ok

11 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 10/30/2024 in #front-end

last sticky item in a list not sticking

Thanks for explaining that, all makes sense. Doh!

3 replies

KPCKevin Powell - Community

•Created by TheOneThatPlaysTooMuch on 10/25/2024 in #front-end

Astro components

Yes what you’re trying to do is very simple in Astro. See the docs here https://docs.astro.build/en/basics/astro-components/#component-based-design

4 replies

KPCKevin Powell - Community

•Created by Zeshan Merchant on 9/10/2024 in #front-end

Looking for a resource / tutorial on how to add interactive maps on website.

I found it to be really nice to work with and you’re able to get something so slick that works really well on mobile straight out of the box. Don’t forget to donate if you’re able to, as the dev behind it has put a huge amount of work into it

18 replies

KPCKevin Powell - Community

•Created by Zeshan Merchant on 9/10/2024 in #front-end

Looking for a resource / tutorial on how to add interactive maps on website.

Leaflet.js is really easy to use and has lots of tutorials available. I had never used it before and had a working map with interactive popups working within an hour. If you get stuck ChatGPT knows it really well so you can ask it for help

18 replies

KPCKevin Powell - Community

•Created by Ali on 7/24/2024 in #ui-ux

What class name should I give this effect in CSS?

embossed?

9 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 5/22/2024 in #front-end

Is there a neat way to achieve this interactive grid setup?

OK thanks Chris, I'm happy to use a bit of js! I still bow to your css mastery, very impressive

12 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 5/22/2024 in #front-end

Is there a neat way to achieve this interactive grid setup?

@Chris out of interest, how do I change the behaviour so that only the close button closes the team member? At the moment the current behaviour is stopping each member's linkedIn button from working

12 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 5/22/2024 in #front-end

Is there a neat way to achieve this interactive grid setup?

Amazing Chris! You guys are incredible

12 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 5/22/2024 in #front-end

Is there a neat way to achieve this interactive grid setup?

Whoa, thanks Mark! Looks and works great

12 replies

KPCKevin Powell - Community

•Created by Jono Lewarne on 5/13/2024 in #front-end

slick slider containment issue

Amazing, thanks for your help!

7 replies

KPCKevin Powell - Community

•Created by lko on 4/20/2024 in #front-end

What is your favorite static site generator?

Astro!

4 replies