Tweet

Maybe Scrolly?

Sajal Sharma ☕

Follow @SajalShlan

Feb 10 • 7 tweets • 3 min read

5 CSS Button generators for developers ⚡

🔗 CSS Button Creator

A free online tool that allows you to create cross browser HTML and CSS button styles.

{1/5}
cssbuttoncreator.com

🔗 Dextronet

Generate your own shiny CSS3 buttons for your website!

{2/5}
dextronet.com/css-buttons-ge…

🔗 Loading. io

Get CSS/PNG from this free button generator with gradient, shadow and loading icons.

{3/5}
loading.io/button/generat…

🔗 HTML Code Generator

Create online linear gradient CSS button.

{4/5}
html-code-generator.com/css/button-gen…

🔗 CSS Portal

This generator will help you design and learn how to make CSS3 Buttons.

{5/5}
cssportal.com/css3-button-ge…

@SajalShlan

Thank you for reading!

- I'm Sajal 👋
👨‍💻 Sharing my journey and learnings.
☕ Web Development & Dev Resources that will help you create awesome stuff.

If you liked it, then you can follow me, @SajalShlan for more such resources.

Thanks for the support 🙌

• • •

Missing some Tweet in this thread? You can try to force a refresh

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @SajalShlan

Sajal Sharma ☕

@SajalShlan

Feb 11

5 Websites for every web developer ⚡

🔗 Small Dev Tools

Provides FREE handy developer tools like encoder/decoder, HTML/CSS/Javascript formatters, minifies, fake or test data generators, and much more which helps the developers.

{1/5}
smalldev.tools

🔗 WebAppers

• Provides news and resources related to open source and free applications that are useful to web developers and designers.
• From cost-free fonts and icons to navigation menus and image galleries.

{2/5}
webappers.com

Read 7 tweets

Sajal Sharma ☕

@SajalShlan

Feb 9

10 Coding challenge websites for every programmer ⚡

💻 HackerRank

→ Offers challenges in different domains such as Algorithms, Mathematics, SQL, Functional Programming, AI, etc.
→ You can solve every challenge directly online.
→ They provide discussion and leadership board for every challenge.

{1/10}
hackerrank.com

💻 Exercism

→ Exercism is a coding challenge website that offers 3100+ challenges covering 52 different programming languages.

{2/10}
exercism.org

Read 12 tweets

Sajal Sharma ☕

@SajalShlan

Feb 8

5 CSS Animation libraries for every developer ⚡

✔ Animate

A fast and efficient solution for adding CSS animations.

{1/5}
animate.style

✔ Hint

A pure CSS resource using which you can create cool accessible tooltips for your web app.

{2/5}
kushagra.dev/lab/hint/

Read 7 tweets

Sajal Sharma ☕

@SajalShlan

Feb 6

5 Games to learn CSS the fun way ⚡

🎮 CSS Diner

A very nice game that lets you learn CSS, very fast. Simply just complete all 32 challenges and make sure you understand the intuition.

{1/5}
flukeout.github.io

🎮 Grid Garden

A web-based game that you have to fill in some CSS properties or values related to CSS Grid to either water the carrots, or to kill the weed plants.

{2/5}
cssgridgarden.com

Read 7 tweets

Sajal Sharma ☕

@SajalShlan

Feb 4

5 HTML Tags you didn't know about ⚡

✔ Progress

The <progress> tag represents the complete progress of a task.

{1/5}

✔ Autocomplete

The <datalist> tag is used to provide an 'autocomplete' feature for <input> elements.

You will see a drop down list of pre-defined options as you start typing.

{2/5}

Read 8 tweets

Sajal Sharma ☕

@SajalShlan

Feb 2

CSS Generators that can help you save a lot of time ⚡

🔗 Flexbox Generator
Generate flex box templates with this.

{1/7}
loading.io/flexbox/

🔗 Grid Generator
Generate Grid templates with this and save a lot of time!

{2/7}
grid.layoutit.com

Read 9 tweets

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Share this page!

Sajal Sharma ☕

Try unrolling a thread yourself!

More from @SajalShlan

Sajal Sharma ☕

Sajal Sharma ☕

Sajal Sharma ☕

Sajal Sharma ☕

Sajal Sharma ☕

Sajal Sharma ☕

Did Thread Reader help you today?

Don't want to be a Premium member but still want to support us?

Like this author's thread?