ProdJuan
ProdJuan
PostsComments
KPCKevin Powell - Community
Created by NeilVanGotham on 12/26/2024 in #front-end
Animate to just the initals of a name
great! please mark/tag this question as solved so others recognize you're satisfied with the resolve. thanks! 😁
8 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/27/2024 in #front-end
how to make this animation in this website?
the use of intersectionObserver doesn't have anything to do with how/why it doesn't stay pinned in the center. the positioning is entirely a result of the DOM structure of the images/containers and the CSS applied to them before/during/after the scrolling action.
19 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/27/2024 in #front-end
how to make this animation in this website?
proper containment of the images is really important to produce the desired effect.
19 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/27/2024 in #front-end
how to make this animation in this website?
I see 2 options: either 1) go with an intersectionObserver JS construct to direct when an element reacts to the scroll position reaching the position of another element as the page scrolls, 2) attempt to comprehend what the gsap is actually doing, that involves breaking down each method/function call so it's clear why what happens is happening. Which is your choice?
19 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
as @13eck just explained, we all started somewhere, and learning how to leverage the 'search' features for both this server and the MDN and other resources can streamline both the learning process and the development effort.
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
MDN -> https://developer.mozilla.org/en-US/docs/Web/CSS (the CSS focused content but they have several other topics)
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
it benefits the group when you share your questions as posts so others may review and get support for an already covered topic. (that's the point of having shared question posts)
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
there is a prime use-case for position:sticky, more for elements that are initially lower on the page before scrolling, then rises only as far up as, say, the top edge of the page, then parks there remaining in view as the page continues to scroll down.
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
great, please mark this 'question' as 'SOLVED' (when you can)
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
sticky can produce a similar effect once you properly configure/set the CSS properties on it.
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
yes, fixed will pin the element to a set position on the page no matter the scroll degree.
30 replies
KPCKevin Powell - Community
Created by skizhom on 12/27/2024 in #front-end
My webpage isn't responding to some of the properties I have set in my CSS file
sticky also needs to know which edge to have a size on it. e.g. top:0px;
30 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
(Also, since you're the author of this thread, you may add the 'SOLVED' tag if you no longer want/need discussion/follow-up for this question.)
12 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
was any of this helpful to get a resolution or are you "still stuck"?
12 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
so if I were to put that whole address in my browser, then I'd see the image that's supposed to appear within your hero element that the nav you want to render in front of? when I say "full address of your image", I mean something that looks like http(s)://www.the-site-where-the-image-is-hosted.com/sub/sub/sub/image-name.jpg 👈
12 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
generally a server will not care how an image is referenced and will send the requested image to the browser whether it be <img src="..." /> or 
.element-with-background {
  background-repeat:no-repeat;
  background-size:cover;
  background-image:url("/url-to-img.jpg");
}
.element-with-background {
  background-repeat:no-repeat;
  background-size:cover;
  background-image:url("/url-to-img.jpg");
}
12 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
if you provide the full address of your image, I could suggest the specific CSS rule property that will make the image URL work...
12 replies
KPCKevin Powell - Community
Created by Nena on 12/26/2024 in #front-end
Navigation within a hero image
I (for 1) am interested in contributing to the solve of this, but as just_13eck described, the context of prior efforts within the setting you need it to work in would help to narrow down the issue to your specific use case. The codepen.io site can be very handy to model your case. Just put an img tag pointing to whereever your hero image is currently hosted along with whatever HTML you have as navigation, a sample fragment is plenty, say, if your nav is 10 options, just put 2 or 3 in the codepen so the concept is represented. Looking forward to see what you share about this.
12 replies
KPCKevin Powell - Community
Created by ProdJuan on 7/22/2024 in #back-end
RewriteCond clarification - looking for how to implement RewriteRule Condition Pattern in bulk
If I'm following what you're saying, the RewriteCond needs the / included in the expression to work, whereas the RewriteRule does not need the leading / in the expression for it to work. 👍
12 replies
KPCKevin Powell - Community
Created by ProdJuan on 7/22/2024 in #back-end
RewriteCond clarification - looking for how to implement RewriteRule Condition Pattern in bulk
For any others reading this question: this site has been helpful to test-run rewrite scenarios: https://htaccess.madewithlove.com/
12 replies