Tweet

Pratham 👨‍💻🚀

Follow @Prathkum

11 Mar, 10 tweets, 3 min read

A curated list of useful web development tools in 2021

🧵👇🏻

1. Regular expressions

- Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript

regex101.com

2. Remove BG

- Remove image background automatically and 100% free

remove.bg

3. Visualizer

- Watch the execution of basic Python, Java, C++, etc. code step-by-step.

pythontutor.com/visualize.html

4. JavaScript Resources

- This website provides you with all of the latest and up to date resources to learn JavaScript

java5cript.com

5. CSS generators

- The ultimate CSS generator. Learn CSS3 with our generators and preview your results! And you don't even need CSS experience to start.

webcode.tools/css-generator

6. Design Resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

designresources.dev

7. Easelly

- Easelly is a simple infographic maker that lets you visualize any kind of information.

easel.ly

8. Hidden Tools

- Discover a wide collection of tools made by the community - for you.

hiddentools.dev

9. Rico's cheatsheets

- Amazing collection of cheat sheets

devhints.io

• • •

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 @Prathkum

Pratham 👨‍💻🚀

@Prathkum

13 Mar

I've brought 8 GitHub repositories for web developers

THREAD 🧵👇🏻

1️⃣ Awesome Desing Tools

- A huge list of best design tools and plugins for everything

github.com/goabstract/Awe…

2️⃣ Awesome Cheatsheets

- Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file. Not only for front-end developers😉

github.com/LeCoupa/awesom…

Read 9 tweets

Pratham 👨‍💻🚀

@Prathkum

11 Mar

You do not yet know the true power of HTML

🧵👇🏻

You can do a lot of cool things using HTML only Sometimes HTML is enough

In this thread I will try to cover some amazing tags, atrributes, tips and tricks of HTML

Let's start

{ 2 / 10 }

1️⃣ Make your image clickable

The <map> tag is used to define an image map. An image map is an image with clickable areas.

You can use it with the <area> tag and coords attribute

Learn more about it here 👇🏻

w3schools.com/tags/tryit.asp…

{ 3 / 10 }

Read 10 tweets

Pratham 👨‍💻🚀

@Prathkum

11 Mar

Happy Maha Shivaratri everyone✨

Maha Shivaratri is a Indian festival celebrated annually in honour of the god Shiva

Shiva is known as "The Destroyer" within the Trimurti, the Hindu trinity that includes Brahma and Vishnu.

Generator - Brahma
Operator - Vishnu
Destroyer - Mahesh(Shiva)

Maha Shivaratri is the night when Shiva performs the heavenly dance of creation, preservation and destruction

Let's do this chanting of hymns and joins this cosmic dance and remembers Shiva's presence everywhere 🙏

Read 7 tweets

Pratham 👨‍💻🚀

@Prathkum

10 Mar

Get design inspiration for your next project from here

🧵 👇🏻

🔹 Dribbble

- Dribbble is where designers gain inspiration, feedback, community, and jobs and is your best resource to discover and connect with designers worldwide.

dribbble.com

🔸 Behance

- Behance is the world's largest creative network for showcasing and discovering creative work.

behance.net

Read 16 tweets

Pratham 👨‍💻🚀

@Prathkum

10 Mar

Free website templates that you can use for your next project

🧵👇🏻

1. Nice page

- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap

nicepage.com/html-templates

2. W3.CSS

- Originally developed by w3 schools which are fully responsive

w3schools.com/w3css/w3css_te…

Read 11 tweets

Pratham 👨‍💻🚀

@Prathkum

10 Mar

A tooltip is used to specify the extra bit of infomation typically when user moves the mouse over it

Tooltips guide your visitors to take action and hence provides extra layer of guidance without any difficulties

Let's see how we can create this 🧵👇🏻

We just need to create an element that we will be visible only when user moves the mouse pointer over an elment

Let's start with the HTML structure

📌 Popup text

- Add some width and padding

- Hide the popup element throughout and show it only on hover

- Place it above the element

- Add little transition for smooth rendering

Read 7 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

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

Donate via Paypal Become our Patreon

Thank you for your support!