Benn_Kingy

It looks weird when images load in without blur. The blur placeholder stops layout shift. It makes the site feel faster. It helps conversions. Those are my reasons?

Btw I swapped next image for sanity image, and used the lqpip blur data they have already DOHHH. Site is super speedy again

Having an issue with headroom.js and shadcn ui drawer on IOS. Scroll down the page and then open the mobile menu, Click anywhere on the drawer/menu, the headroom header is moving/starting to unpin and I you can't click on a menu item I have tried to call freeze() on the headroom js library when mobile menu open but no luck.. (header stays open, but touch event bs still happens!) Tried setting pointer events to none on the body no luck.. (touch event bs still happens!) Only thing I can think of doing it setting the scroll to 0 so the user is at the top of the page as it works then, but rather not! Any ideas guys? ❤️ Will you buy a coffee or two!!! Live link: https://rb.gy/k28esn RPReplay_Final1718880793.MP4 RPReplay_Final1718880793.MP4 RPReplay_Final1718880793.MP4 RPReplay_Final1718880793.MP4

Well a fast website surely helps with conversions!

So theres no layout shift, good for speed scores/seo. I created an /api/ end point to generate a blured image and added a FE page for it. This way the user can add the blur image url into the CMS themselves. The website is super speedy again! Thanks matticus

https://stackoverflow.com/questions/78523813/blured-placeholder-images-ruining-my-performance-in-next-js-14 I am building my first next js 14 website, its going well. However I am having trouble with slow speeds generating blur URLs for my images. Initial page load is like 4 seconds if there's a large gallery. This part of the code is taking quite a few seconds to process, so the page hangs for a while before loading in. if (data?.gallerySingle) { const gallerySingleUrl = urlFor(data.gallerySingle).url(); data.gallerySingle.blurDataURL = await getBase64Blur(gallerySingleUrl); } What would be a better way to generate the blur URLs? Should I do it on the client side instead? Or can you see any issues with the code below? async function getPageData(slug: string) { const query = ` *[_type == "fleet" && slug.current == '${slug}'] { "currentSlug": slug.current, title, mainImage, threedVideoUrl, "gallerySingle": gallerySingle.asset->{ _id, url, metadata { dimensions { width, height } } }, ]}[0]`; const data = await client.fetch(query); if (data?.gallerySingle) { const gallerySingleUrl = urlFor(data.gallerySingle).url(); data.gallerySingle.blurDataURL = await getBase64Blur(gallerySingleUrl); } return data; } Using: https://plaiceholder.co/ to generate the base64 blur data Thank you! Anyone got any ideas on what I'm doing wrong haha. First time using next js!

I do not have a lisence yet. I require a reseller hosting with these features: Free ssl certs, virus scanner/remover, deployment by Git, daily backups < Does yours have this?

I am looking to start a web design company! I need a hosting company to provide the WHMCS hosting services. (Must have free ssl certs, virus scanning) Know any good ones guys? Many thanks.

On the weekend I managed to create my first 2 apps for github! 1. A notes app using CRUD 2. A website template for ruby https://github.com/bennkingy - This is my account If you follow me I will follow back! Thanks, Benn

I am installing Ruby/Ruby on rails following this guide: http://railsapps.github.io/installrubyonrails-mac.html I have got to this part: Install RVMUse RVM, the Ruby Version Manager, to install Ruby and manage your Rails versions. If your Mac user name contains a space character, you must change you account name to remove the space. The RVM website explains how to install RVM. Here’s the simplest way: $ \curl -L https://get.rvm.io | bash -s stable But when I run this line I get this error: BASH 3.2.25 required (you have 4.4.12(1)-release I have been googling for hours trying to find a fix but I can't seem to find one, every article is about upgrading not downgrading bash to 3.2.25 Please help I really want to get my ruby/angular project going!

habit-mag.co.uk all of the emails my client is sending from this is going to the spam folder. this website did use to have malware on it, but its been removed and google have toke the malware warning off. all the email settings in the dns are correct my hosting have confirmed this... does any body have a clue what might be up with it? Thanks, Benn

where/how does that go in my script though?! thats what i got stuck on thankyou

<script type="text/javascript"> $(document).ready(function(){ new GMaps({ el: '#map1', lat: 51.74673, lng: -0.26595, }); }); </script> From reading the docs, it doesn't really show me how to incorporate a marker into my script: http://hpneo.github.io/gmaps/examples/markers.html I feel this is a little bit over my head... Could somebody please help (I just want a normal marker with "company name") Thankyou

<script> $( document ).ready(function() { $("ul.products > li").addClass(function(i){return "item" ;}); }); </script> This code above adds a class "item" to each of my product li's. I am trying to add: "sbsa-animation="bounceInLeft" sbsa-time="1.5" inside each li tag but not sure how to add it because this is not a class attribute!

http://bit.ly/1bvsRXw When you scroll down my footer items fade in, however if you keep scrolling they keep trying to fade in. I've been trying and trying to work out how to fix this with no luck, if you could please help! <script> $(window).on("load",function() { function fade() { $('.fade').each(function() { /* Check the location of each desired element */ var objectBottom = $(this).offset().top + $(this).outerHeight(); var windowBottom = $(window).scrollTop() + $(window).innerHeight(); /* If the object is completely visible in the window, fade it in */ if (objectBottom < windowBottom) { if ($(this).css('opacity')==0) {$(this).fadeTo(500,1);} } else { } }); } </script>