Webwide is the inclusive discussion community for web designers, developers & makers.

Whether you're an enthusiast, in training, or a seasoned pro – you'll fit right in at Webwide. Creating an account is fast, easy and completely free so you can start participating right away.

Read our Code of Conduct

Free Membership Benefits

  • Participate in hundreds of interesting discussions
  • Network with industry peers and make new connections
  • Show off your own projects and relevant content
  • Get help and feedback for your coding and designs
  • Buy and sell services and resources in the marketplace
  • Participate in our friendly community challenges
  • Earn trophies and work your way up our leaderboards
  • Enjoy exclusive Webwide member discounts and offers
  • ...and so much more!

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
603
Reaction score
571
Points
665
Location
United Kingdom
Local Time
Today, 11:33
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
651
Reaction score
503
Points
635
Age
26
Location
Hamburg, Germany
Local Time
Today, 12:33
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.