 A little while ago I issued a sticky challenge to you, the community here that follows me on YouTube to use position sticky in fun and creative ways and it's a little bit late but finally we are here to see your submissions. So first off I just want to apologize for this being late I know I issued the challenge a while ago I've just been really busy I recorded it all but I hadn't had a chance to edit it but here we are finally we're here. If you missed the sticky challenge it was from a video where I looked at position sticky and I explored position sticky and how it worked and then I asked you guys to come up with fun and creative ways to use it because it's one of those things that you can just do really cool and fun stuff with that's sometimes unexpected and you're going to see some really really cool and fun examples in this of just awesome stuff you can actually do with it. So just thank you so much to all of you for participating in this challenge really really awesome stuff that you guys did really really cool and fun and another exploration into sticky which is always cool give you I think everybody watching this is going to get some fun ideas on how they may be able to use it and implement it in their site. So what are we still here waiting for? Let's go and check those out. All right so first up we have a submission by Roshik and I'm just saying Roshik because I'm really worried about butchering your last name let's just try this Roshik Karmachara. So thank you so much for the submission Roshik really cool because it's nice seeing things that aren't just like I was happy to see this because you know it's sort of a site and but in this site we have this nice little sticky thing and the cool thing with it so you can see it's sticking into place and you might go oh it's you know it's it's sort of cool but then if I go to itinerary it switches to the itinerary so it's like it's not only is it sticky but it's sort of this little a tab system that's also so a nice a nice use of sticky in a really cool sense actually just because we're not we don't have to scroll back up to get to the other content because one problem with tabs that you can run into is this thing where like someone scrolls past they don't scroll back up to switch tabs so it's always a little bit worrisome when you're using tabs that some people won't always click and actually like see what's in the other tabs so the fact that here we can actually click and go through the other tabs and it stays with us so we can oh let's go check the itinerary actually like that's that's pretty cool and I think it's a really nice usability nice UX little thing there so if you're going to use a tab system like that it works really well I think sticky is a really good use case for that so thank you so much for submitting that Rishi really really cool really fun. Next up we have this by Brian Kane so a little bit similar actually right now it's it's an actually an accordion so when I first got here actually I was like oh so if I click I was like there's nothing to scroll but when you go on these oh wait there is a lot to scroll and when we start popping a lot of these open now you can see where when you get to the next section and once again for usability this is like an ideal use case for sticky because you can keep track of what section you're in as you're scrolling through this massive database of stuff and Bob Bob is a very good client but you get the idea that um it can it helps organize our content like that and once again sort of like the tabs there that um on you might not think of it because it's an accordion so like you have this accordion style thing it's like why would you need position sticky but it really does fall into like a nice little use case to stay open organized because maybe you have a whole bunch of the accordions open um so if there's a lot of content sticky just helps us stay organized so thank you so much for that Brian a nice little thing one thing I would actually suggest just a really quick usability thing because when I first got here I literally thought there was nothing um so just if you have stuff like that let's go and check do a little inspect because there's with tables even um which props to you I hate tables uh let's on sales calls where's my sales calls so class section header name so let's do section header name I would add in a cursor pointer just to sort of indicate that we have interactivity so if we're on top of those we can tell that we can actually click on it so it just adds a little bit it gives us that cue that there's some interactivity in there and even that's just going to do it if I'm on there so maybe even like a section header you could do the same thing so we click oh no we have to click on that anyway so um you can you know add that just to let us know that it is clickable or a hover effect or something just to make it a bit more evident uh that you can actually come and click on those but for the stickiness really really awesome um these next two are by adrian dona um so thank you so much adrian uh so here we have scroll down so let's start scrolling down and see what happens and well that's interesting and look at that wasn't that cool that was cool um this image sort of clicking into a place like that like that's I don't know I like that it's one of those things you can just keep playing with so um not really a usability thing just like a flashy thing plus with the background gradient on there it helps to just give it a little like this thing going on while you're doing it a little bonus really really fun I could do that all day long literally so cool um actually I'm just going to go look in how this was done because we have a whole bunch of divs are they just background images oh it's with a grid it is with a grid two bonus points um oh cool it's all the same image but the background position has been moved around to actually get it to work ah that's awesome so we have the same image that's just loading across but just to make sure they're lining up in the right spot using background position to like line everything up super slick I love that really really cool I'm gonna have to try that on something one day um so this one also is by adrian this one is the same idea that we can have like different pieces broken apart but with text this time so have some like isn't that fun so like there we have that then the oh sticks around so have some love and then the l doesn't stop so we whoops I keep moving my mouse the wrong way so we have uh look have some love move your soul I don't know it's really cool so sort of like the storytelling thing I was doing like this is where where is the first to where like purely on like a usability and like here's like UX improvements this is just fun these ones by adrian artist cool so some fun stuff you can do there this one's not too complicated but really really cool and fun so that I liked a lot and last but very much not least we have this one by adricum so adricum uh one thing I really like is this little two bottom but we're gonna do it slowly at first so here we can see like it clicks and oh I'm gonna read that and then we sort of click in and go back and forth so a nice little fun thing there with bonus points definitely for the two bottoms so we can just like super quickly go up and down actually when I tested this last time it didn't seem to go that fast so maybe if that was a little slower be cool because definitely it was clicking it was a little smoother when I tested it last time we have a nice little a lot of people put in gradients in the background just because it helps give the feeling of scrolling and change so something like that is really fun and really cool you know and it's this the idea you could lock text in place and have other stuff scrolling by it just the whole storytelling and conveying sort of a story or conveying different stuff and interacting in ways the user might not expect is really cool but it's not expect in a way that like same a little bit with this is like the site's working in a way that the user doesn't expect but it's not in a way that's unnatural they're not confused by it they're sort of intrigued by it so it leads to like this interesting experience but they're still just scrolling down so it's there's not like some scroll weird scroll jacking going on where they're they're scroll a little bit and it's flying off or things are going left and right instead of up and down even though they're scrolling so like they're keeping the behavior they want so like position sticky is really really cool with that so even if you didn't take part in this challenge go and create something with sticky honestly you're going to be happy you did it's a really fun and awesome thing to play with there's so many different use cases as you can see through just these five submissions here that was fun wasn't it some really cool and fun examples there of how you might be able to use some of this so if you saw any of these that you're going like wow i'd love to know or you missed out on the challenge and you want to get something else in or you want to experiment with it and it's just you're throwing something together by all means hit me up on social media and let me know about it one quick thing though i'm if you did submit something and i didn't include it i'm really sorry i made a bit of a mistake um in saying submit it however you want so i got some emails i got people messaging me on the community i had people DMing me on twitter i had people mentioning it on twitter next time i do something like this i'm doing we're there's one way to submit because i might have lost some i hope i got everything i think i looked in all the channels where i was getting people submitting stuff um but if i missed one i really really really am sorry um but if we're yeah that's but if you hit me up on social media you know hashtag it and mention me and i'll gladly take a look at it and give you some feedback on it if that's something you're after i hope you liked these i hope you got some ideas from them this is all from community members just like you so next time i issue a challenge please don't be shy come up with something anything push yourself because it's always fun to do if you'd like to see more challenges like this please let me know in the description below say this is really cool if you have an idea for a challenge by all means go for it give me ideas for this stuff because i'd love to pushing it more i want to showcase more of what you are all up to because i have all you guys saying like following me and commenting if you have stuff you want to you know if you have awesome stuff i want to showcase that so if you have ideas for challenges because i think that's a fun way to showcase some of the stuff that you guys are up to please let me know and i'd gladly make challenges around those ideas thank you very much for watching this was a lot of fun if you'd like the video please hit thumbs up or leave a comment down below to let me know that you enjoyed it if you're new here and you haven't yet subscribed please consider subscribing and of course a big thank you to my patrons for helping support everything i do here on this channel a big shout out to loren who is my supporter of awesome thank you very much for your generous contribution did you know i have a newsletter because a lot of people don't know i have a newsletter apparently i use that community tab thing here we have on youtube to ask if people knew i had a newsletter and all of a sudden a rush of people subscribed because they'd never heard about it i've just been linking to them in the description but it's like way hidden down so if you want to it's kevin powell dot co forward slash newsletter or if you click that show more in the description scroll down there'll be a link for it there i write articles every week and send them out via newsletter so you never miss one so if that sounds really cool it's mostly css stuff some html mixed in there usually they're short you know the videos are long i want to make short articles that are about weird quirky things i come across or cool things that don't have enough content for a whole video stuff like that and every now and then there is a longer article as well so please come and check that out if that sounds interesting to you you can just go down to the bottom and find the link for that or again it's kevin powell dot co forward slash newsletter one last time thank you so much for watching and supporting everything i do here through your engagement and just through being awesome and speaking of awesome until next time don't forget to make your corner the internet just a little bit more awesome