xranvijay
KPCKevin Powell - Community
•Created by xranvijay on 8/17/2023 in #ui-ux
Full Stack Quiz Application
Hi guys, I'm in my first year of college and want to build a full-stack quiz application for my portfolio. I don't know where to start and what screens I should create, like the admin panel and user panel; how should I start? Also, I should take ideas and inspiration because I don't want to steal another developer's work; I want to make it from scratch. Furthermore, I'd like to make the backend in Php. Every single idea or suggestion is appreciated.
7 replies
KPCKevin Powell - Community
•Created by xranvijay on 2/26/2023 in #front-end
Shrink Header on scroll
Hi guys, I'm new to this server. I"d be glad if you help me create this animation. I've been struggling to do it for long but couldn't succeed.
I Tried doing it with this code.
.hero-shrink {
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.hero-shrink-active {
height: 50%;
/* add any other styles you want for the shrunken hero section */
}
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.getElementById("hero").classList.add("hero-shrink-active");
} else {
document.getElementById("hero").classList.remove("hero-shrink-active");
}
}
1 replies