Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Suprefuner

@Suprefuner
380Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest Solutions

  • Desktop design screenshot for the Base Apparel coming soon page coding challenge

    Landing page by CSS & JS

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All,

    This one is bit tricky than it looks. Hesitated when I was trying to make the hero image to the right place but I found out I just overthinking. LOL

    Added a small feature when input the right format email address, the border and the placeholder text will have some style changed, tell the user it's done, and reset to the normal after 2s by using JS timer.

    As always, please give me some feedback and suggestion. Thanks!

  • Desktop design screenshot for the Intro component with sign-up form coding challenge

    CSS , JS

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All,

    Besides just finishing the project, I added some features this time,

    1. different error message for email input will show depends on if it's empty or the data is invalid.
    2. when all data are valid will pop up a success message

    As always, all your feedback and suggestion mean a lot to me, try to improve my frontend skill. Thanks!

  • Desktop design screenshot for the Ping single column coming soon page coding challenge

    CSS & JS

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All,

    Not sure if I get it wrong or what, this challenge is bit challenging to me. First I tried to implement the effect by just using CSS and then I found that I totally ignored the button. So this time I learn how to use media query by JS and what event I should listen to when the page is in mobile device.

    As always, any suggestion and feedback is more that appreciated. Thanks!

  • Desktop design screenshot for the FAQ accordion card coding challenge

    CSS flexbox

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All again!

    Learnt how to transition the height by using max-height but I have to manually set it to exact height to provent delay occur. Use different max-height value on Mobile and Desktop to fix the spacing bug. Any feedback and suggestion is more than welcome!

  • Desktop design screenshot for the Tip calculator app coding challenge

    tip calculator app by using CSS grid, flexbox and JS

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All,

    Finish this without a lot of struggle. But still think there is a better/cleaner way to write the code. As always any feedback and suggestion is more than appreciated. Really want to improve my coding skill. Thanks!

  • Desktop design screenshot for the Time tracking dashboard coding challenge

    getting data from JSON

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hi All,

    After this challenge I'll go rewatch my tutorial. After 2 weeks working on other things, I found that I forget almost everything...bit fustrated. Anyway here is my solution. Any feedback or suggestion is more than appreciated. Thanks!

Latest Comments

No comments

Suprefuner hasn't commented on any solutions yet.