Struggling to get InteractionObserver to fire only once
Ive got a set of cards in the project section of my portoflio running with InteractionObserver. The cards load in fine, but once you go to the bottom of the page and then go back up, the cards load back in and you can clearly see where. I've tried getting my code to unobserve() once it's finished but I'm not sure what my issue is here.
Sorry if my explanation is poor, I have a hard time sometimes!
Portfolio: https://www.devjones.space/...
React: passing in arrays as arguments to components
GH: https://github.com/nnall/Inventory.git
I have a <Filter> component which is part of a pop-out menu. It's essentially a <div> of 3 sets of checkboxes. (pic 1)
In that pic, above the return, you can see I also have 3 arrays, one for makes, years, and colors.....
Help settle a debate I have with a designer
Hi all, my designer at work and I have a disagreement. Can someone more experienced settle this argument. This is the problem that I brought to his attention:
When analyzing his XD visuals I noticed that some content (mainly images) tend to spill out of the bounds of the main layout containers. Now I don't mind adjusting certain containers to match the design, I have no problem with that. However in some cases his images are 'touching' the sides of the XD canvas.
The screenshot attached demonstrates one such example. The red lines are demonstrating the main layout container that runs through the website. As you can see the image not only spills beyond the main container (which is not a problem) but it's also touching the canvas. ...
Glowing font problem on Safari
Hi guys, I created a landing page for a client. Designer prepared a views in figma with glowing header effect. I copied values from figma and paste into my code but I have a strange problem on iphones with safari browser.
Gloving efect achieved with this code:
```...
using :after on button not work properly
Hi there,
I'm using an arrow next to my active button but it seems not working properly with the active button. it's active all time and not beside the button. need ur help thx
https://tqpzw2.csb.app/...
What do you think is the best solution here?
I need to know what's the best solution here to get the same height of the img and content of the card. As you can see on the image the height of the content in the first card and second card is not balance.
Here's the codepen link:
https://codepen.io/DecodX/pen/gOQaEeO...
How to achieve this glow in CSS?
I noticed this cool active effect in a game. probably works on website? How do I get a glowy thing behind text like that?
How do I approach this design ?
How do I approach this design and make it responsive ? What I am finding complex is the triangle. My initial thought was to just import it as png from figma and paste it in but as it contains some data so I thought it should be coded in html css
Auto disabled button when added by js
```function addTask(boardID) {
let board = document.getElementById(boardID);
let cardsSection = board.querySelector('.section.color-new .cards');
let newItem = document.createElement('div');...
let newItem = document.createElement('div');...
Can someone help me figure out this animation?
I'm currently trying to make an icon slider for my portfolio, but I'm having issues making the icons come in a continuous loop without the split second reset at the end? I've been working on learning animations recently, so maybe I'm just missing something? I've tried looking on YouTube and Google and all the examples I've seen don't have this issue that I'm having, so I'm pretty much just lost at this point
Portfolio: https://www.devjones.space/...
fetch request to a local .json getting error SyntaxError: Unexpected token '<', "<!DOC
I'm trying to fetch a locally-housed .json file, but I continue to get a Syntax error back, telling me it found an HTML page
Where is this HTML coming from?
Will post GH momentarily...
