Hello I am redesigning my web site to include a style switcher plug in but when testing the import I cannot get the layout sorted   @import url ("assets/bootstrap/css/bootstrap.min.css"); @import url ("../assets/fonts/ionicons.min.css"); @import url ("Footer-Basic.css"); @import url ("Navigation-Clean.css"); @import url ("links.css"); the css is stored in assets > css directory  any idea on how to resolve ..read more

Hi everyone, As a developer at Gramosoft, I've seen many websites struggle with performance issues. Here are a few tips that can help enhance loading speeds: Optimize Images: Use formats like JPEG for photos and compress them to reduce load times. Minimize HTTP Requests: Combine CSS and JavaScript files to decrease the number of requests. Enable Browser Caching: This stores resources for faster loading on return visits. Implementing these practices can lead to a noticeable improvement in user experience. What other strategies do you find effective ..read more

Hello fellow designers! I wanted to take a moment to introduce you all to a project that’s been a true labor of love for me—Gradienty. As a designer myself, I’ve always been looking for ways to speed up my workflow, particularly when it comes to adding those little touches that really make a design pop, like gradients and frosted glass effects. I got tired of tweaking CSS endlessly just to get things looking the way I wanted, so I decided to build something that solves that for us. That’s where Gradienty comes in. What is Gradienty? It’s a free web tool I created specifically for designer ..read more

Hello everyone. I am using an image as a link and I want to make sure it is accessible. So I found this but in their example they have an onClick() event. My question is. Do I need  role="link" if I have this as my code? <a href="#startseite"> <img src="img/startseite.svg" alt="Startseite" title="Startseite" /> </a> Many thanks for your help ..read more

Hello everyone. I hope you are all great. It has been a minute since I posted. I need to do it more. I hope this topic is in the right place. I am doing a website for a restaurant and it has been many years since they had an upgrade. I found the attached as a background to their buttons. I think I remember doing this 'back in the day'. But can someone remind me why we did this? Was it because gradients had not been 'invented' yet, or was it to do with cross-border support? Thanks so much for your help ..read more

Hi all,   I'm a beginner - I adapted a portfolio website for my film-making stuff, so I only half know what I'm doing. I have a datafilter so you can sort my projects by various titles, like 'corporate' or 'music video' for example and see only those projects. Is there a way to send someone a link so that when the page loads it has a certain filter applied? Like if I'm going for a corporate job, can I send them a link that will open to the page with the filter set to showcase my corporate work? Currently it defaults to 'all'. I've tried anchor links, obviously that doesn't work. It's comp ..read more

Hello All, I have a problem with a hamburger menu displaying on a mobile device, everything is fine with the layout on a PC but on a mobile device, the whole menu displays & not the small hamburger type, do I need to post the code or the website name please? Best wishes, Graeme ..read more

Hi, I have been working on a learning project to create a form that is similar to the Plate Builder form of https://www.nationwidenumberplates.com/shop/builder. I have been going around in circles and at my wits end. I did find some help here from a post in 2020 but the preview of the plate is somehow misplaced and not in position. This is the thread link of the topic way back in 2020 https://www.webdesignerforum.co.uk/topic/85497-number-plate-designer/   Can someone please help me out. Much appreciated!!   ..read more

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 rath ..read more

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); } W ..read more