Tweet

Pratham 👨‍💻🚀

Follow @Prathkum

13 Mar, 9 tweets, 4 min read

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…

3️⃣ Databases Tools

- Everything that makes working with databases easier

github.com/mgramin/awesom…

4️⃣ Become a full stack developer

- Free resources for learning Full Stack Web Development

github.com/bmorelli25/Bec…

5️⃣ VS Code Tips and Tricks

- Collection of helpful tips and tricks for VS Code.

github.com/microsoft/vsco…

6️⃣ Public API

- A collective list of free APIs for use in software and web development.

github.com/public-apis/pu…

7️⃣ Project Based Learning

- Curated list of project-based tutorials covering JavaScript, Python and many other popular languages

github.com/tuvtran/projec…

8️⃣ Front-end resources

- A collection of all the resources that can help you to keep up with the latest in front-end web development

github.com/tommcgurl/fron…

• • •

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

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

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

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!