- Joined
- Sep 24, 2019
- Messages
- 604
- Reaction score
- 572
- Points
- 665
- Location
- United Kingdom
- Local Time
- Today, 03:11
- 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.
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: