DEV Community

Cover image for Weekly Coding Challenge - Week #6 - Button
Florin Pop
Florin Pop

Posted on β€’ Edited on β€’ Originally published at florin-pop.com

5 3

Weekly Coding Challenge - Week #6 - Button

Theme of the week: Button

Description

"A button? πŸ€”" you might ask... Yes! A button! πŸ˜„

"But why?"

Because a button is one of the building blocks of any website/web application. Either you are on facebook or twitter or google, etc, you'll always find a button that allows you to interact with the application in some way, so this week we're going to build buttons; lots of buttons! emoji-smiley

If you want to participate in the Challenge, feel free to build any kind of buttons: 3D buttons, buttons with ripple effect, animating buttons, etc - the sky is the limit πŸš€. Be creative! You know how much I value creativity! πŸ‘

Useful Resources

Check out my submission for this challenge: Buttons UI Kit.

See all the submissions in this Codepen Collection.

Are you interested in joining the challenge? πŸ˜ƒ Read The Complete Guide to find out how. Don't forget to share your creation! πŸ˜‰

Happy Coding! πŸ˜‡

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay