Welcome to our inclusive community of web designers, developers and makers.
Creating an account takes less than 30 seconds, start participating right away!
Create account

Voting Closed [Vote for Winner] 5 lines of HTML, 5 lines of CSS, 5 lines of JavaScript

Who is your winner?

  • Animated Heart 💙

    Votes: 6 28.6%
  • Neon Name

    Votes: 1 4.8%
  • Templating engine v2

    Votes: 3 14.3%
  • You are awesome

    Votes: 4 19.0%
  • Excuseme

    Votes: 6 28.6%
  • 5 lines flags

    Votes: 1 4.8%

  • Total voters
    21
  • Poll closed .
Status
Not open for further replies.

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
486
Reaction score
465
Points
485
Location
United Kingdom
Local Time
Today, 16:27
Pronouns
he/him
Please check out all our great entries from the Entries Closed - 💪 [Front-end] 5 lines of HTML, 5 lines of CSS, 5 lines of JavaScript challenge and vote for your winner anonymously above!

Entrants: Feel free to share your creation and appeal for votes on social media. 😉 The winner will receive a funky exclusive profile trophy.

Voting closes Monday October 14th at 7pm UTC.

Title: animated Heart 💙
Codepen link: https://codepen.io/Gummibeer/pen/zYYxONj
Submit for voting: Yes
HTML: 4/5 lines
CSS: 4/5 lines
JS: 0/5 lines
Title: Neon Name
Codepen link: https://codepen.io/Gummibeer/pen/abbbLOj
Submit for voting: Yes
HTML: 1/5 lines
CSS: 3/5 lines
JS: 0/5 lines
Title: 5 Line Flags
Website link: https://5lines.kognise.repl.co/
Code link: 5Lines
Submit for voting: Yes

I had some extra lines available so I added the flag of Germany and some text. There's some pretty gnarly JavaScript to populate all the stars, I felt it was kinda against the spirit to put all the stars in the markup.
Who needs Vue or Reach when you can make your own in 5 lines? 😄

Title: Templating engine v2
Codepen link: https://codepen.io/m1guelpiedrafita/pen/NWWWzpb
Submit for voting: Yes
HTML: 4/5 lines
CSS: 0/5 lines
JS: 5/5 lines
Title: Excuseme
Codepen link: https://codepen.io/sfcgeorge/pen/WNNNyrG
Submit for voting: Yes
HTML: 5/5 lines
CSS: 4/5 lines
JS: 5/5 lines

I'm especially pleased with how short the Javascript is. AND as a bonus, the form actually works (though there's no confirmation). You have to hit tab, start typing an email, use autofill to complete it, then hit enter. Slick UX.
Title: You are awesome
Codepen link: https://codepen.io/Gummibeer/pen/GRRRPoB
Submit for voting: Yes
HTML: 4/5 lines
CSS: 5/5 lines
JS: 5/5 lines
 
Last edited:

Gummibeer

Well-known member
Joined
Oct 5, 2019
Messages
530
Reaction score
412
Points
605
Age
26
Location
Hamburg, Germany
Local Time
Today, 17:27
Website
gummibeer.de
@Adam I just want to open the discussion.
The winner will receive a funky exclusive profile
Atm it's a simple first, second, third ... win trophy!? This is fine and great for the multi participating ones. But shouldn't an archived trophy show which challenges the user won?

So one exclusive trophy per challenge and a series of first, second, third, fifth, tenth win.
 
Status
Not open for further replies.