Needed help regarding Next Js and shadcn UI
Can anybody tell me that how I can handle active state of navbar element in next js or shadcn library. Just like we can do in Link component of react router using active props.
But I want to ask that how I can do this in next js or shadcn....
How to stop sentence from breaking before certain words?
I have a set of category titles that all have the Unicode character fora down arrow at the end of the title. What I would like to do, somehow, is that as the divs that the titles are in shrink the titles are broken up from a single line to multiple lines EXCEPT for the Unicode character. I want that to always be on the same line as the last word of the title. Here is the HTML and relevant CSS:
```<body>
<header id="siteHeader">
<nav id="siteNavigation">...
Question regarding Alpine.js
I need to implement a third party newsletter subscriber form and those docs tell me, that when I want a custom success callback, I would need to implement this:
```
<script type="text/javascript">
function mySubscribeSuccess( form )
{...
Why is my footer (sometimes) behind my other content?
I'm trying to force my footer to the bottom of the page, on pages with little content this works fine (using flexbox) but pages with long content the footer is displayed behind some of the content?
why is this happening ? how can i make it stop. i want that pyramid to be half show on full screen.
Everything is so big and i used the values same as my figma design but still.
i have this background image it should show 50% of it in full desktop mode and should be sticking to right side all the time and when it comes to mobile and tablet screens then it should show 20 to 30% only...
instagram api
Im trying to build a search function on my page so that a user can search for their instagram profile and get their profile information without logging in i have seen other platforms implement a similar feature but after reading the documentation on the graph api and basic display api the functionality is not available from the official api’s meta provides i am wondering if this is being done using bots and web scraping and if anyone has done this before or has a clue on how to do it… below is an example of the functionality i am trying to achieve
https://www.youtube.com/watch?v=TcEzmIYi2Jg...
How do I recreate this line?
So I am currently trying to recreate websites to test my (awful) knowledege in CSS/HTML despite learning for months I wanted to know how I can recreate that line looking thing shown under the header
array object remove
Hey, I'd like some help
I've been trying things for the past 30 mins and I jsut can't figure it out!
I've completely made the add, create, delete functions
they all work as they are supposed to...
Nav Links not showing on screens larger than 768px
They only show when I toggle the button on the mobile view and then switch back to normal view.
./components/Header.tsx...Doubt in the semantics of the website
Guys, I'm in doubt regarding the semantics of the website, should this first part (the hero section) be inside a <header> or inside the main content (<main>)?
How to removeEventListener
Hiya!
So I need a function removed upon clicking, I've read the docs and I've tried it several ways, also checked the console to see if I could find something useful, but to no avail
Maybe I am just misunderstanding it
Anyway, in image you'll see the function I need removed (its the one in dynamicpageload)...
Object won't go hidden
Hey so, in the image you'll see that the trashcan should have the
hidden class, yet the trashcan is not hidden..
The trashcan object is:
<i class="fa-solid fa-trash-can articleDeleteTrash" style="color:white; cursor:pointer;"></i>
the css of hidden is:...Tailwind Marquee Effect
Hello, this may be complex to explain but i'll try my best to do so. I have 4 grids (See image below) and each column can contain an image. My idea was to implement a Marquee effect on the
Y axis, with the following conditions:
1) The Y axis must follow a what's-so-called "pattern": Y(1): Down, Y(2): Up, Y(3): Down, Y(4): Up
2) Images shouldn't be repetitive - I don't want the same images to appear somewhere.
4) One image at a time - For each Y, display one image at a time (I don't know if you get it)
...WordPress Theme compatible with Elementor
Hi!
I'm in the process of making a WordPress theme from scratch, one of the requirements is that it has to be compatible with Elementor, I've been looking around but I'm not sure what kind of functions or add-ons I should add to make it fully compatible.
Thanks in advance!...
Formatting a grid
Hi, I have this grid with a bunch of these course elements. Is there any way to remove the funky extra spacing behavior and make the "Venture" courses only span as many grid spaces as needed besides using flexbox and rendering a "grid" with multiple columns and uneven rows?
This is the current code:
```css...
Broken Tailwind Responsiveness
So Tailwind responsiveness is broken. Here is the PC and Mobile version:
tailwindcss
I'm installing tailwind CSS correctly from YouTube videos am watching but mine not working, need help on this #front-end
Greensock (GSAP) ScrollTrigger - 2 consecutive ScrollTrigger animations?
GH: https://github.com/nnall/GSAP/tree/main/experiments/react-playground/src
I have a para that I've applied a 'SplitType' to in order to get the paragraph lines, apply .to() methods to them, and translate them X in my GSAP scrollTrigger animation:
```...