I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREADπŸ§΅πŸ”½

1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

πŸ”— https://t.co/r0J9vW8WrH
2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

πŸ”— https://t.co/5haB2xTWuz
3️⃣ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

πŸ”— https://t.co/NvfoANwweV
4️⃣ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

πŸ”— https://t.co/34qvOhYCZE
5️⃣ React Bits

- This repo is much more than tips and tricks only. Here, you will find React patterns and some amazing techniques as well

πŸ”— https://t.co/sg85XSL5dg
6️⃣ VS Code tips and tricks

- VS Code is widely used code editor so I found a great GitHub repo that has the collection of helpful tips and tricks for VS Code.

πŸ”— https://t.co/99WUkbrAen
#️⃣ Bonus

Wait! Where are you going? This is not the end of the threadπŸ˜…

I have a found an amzing website for tips and tricks including

- C#
- CSS
- Git
- HTML
- JavaScript

πŸ”— https://t.co/rSKkMDgxN4

More from Pratham πŸ‘¨β€πŸ’»πŸš€

5 best color palette for every web developer and designer 🎨

πŸ§΅πŸ‘‡


1. Color hunt

- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes

πŸ–‡οΈ
https://t.co/xR0FVTjK0L


2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

πŸ–‡οΈ https://t.co/ndsgBauTEc


3. Palette Ninja

Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds

πŸ–‡οΈ https://t.co/cuzP21tn2Z


4. My color space

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color

πŸ–‡οΈ https://t.co/kmjrXOceAj
5 great background websites for every web developer and designer

πŸ§΅πŸ‘‡


1. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

πŸ–‡οΈ
https://t.co/ZqczrPfkdZ


2. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

πŸ–‡οΈ https://t.co/df7VSb9t8H


3. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

πŸ–‡οΈ https://t.co/R58zrwpZCH


4 Mesh gradient

Creat aurora UI like gradients using few simple clicks

πŸ–‡οΈ https://t.co/vOHHDASr1V
6 websites that are so fantastic you'll wonder how they even exist (for developers):

1. ScribeHow (@ScribeHow)

Turn any process into a step-by-step guide, instantly.

β€’ Click record
β€’ Do the thing you want to show someone (like how to reset a password)
β€’ Get a beautiful auto-generated guide

No manual screenshots.

πŸ”—
https://t.co/8EnpUIvIeR


2. SourceAI

Explain what you want in plain English, and AI will generate a code snippet for you.

πŸ”— https://t.co/KFLbBBjllm


3. Blackbox

Turn any questions into a code snippet or extract a code snippet from a video.

πŸ”— https://t.co/6Z4fM5ieWn


4. Figstack

One-stop for developers.

β€’ Understand code in any programming language
β€’ Translate programming languages
β€’ Automate documentation for your functions
β€’ Get the time complexity of your program

πŸ”— https://t.co/koY4cmciR3
JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth


2. Change marker styling


3. Add styling to video


4. Change input caret

More from Coding

These 5 visualizers will help you learn data structures and algorithms up to 10 times faster

Thread πŸ§΅πŸ‘‡πŸ»

1⃣
https://t.co/H2sKWKEeaz

- Learn DSA and visualize some complex programs. Definitely check it out.


2️⃣ https://t.co/0WcFTWBfh9

- Dedicated to graph DS


3️⃣ https://t.co/ShEQQkjtWD

- Visualizing data structures and algorithms through animation


4️⃣ https://t.co/XxzwBa3vvZ

- All sorting algorithms animations
6 amazing GitHub repositories that can help you as a developer

🧡 πŸ‘‡πŸ»

1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

πŸ”—
https://t.co/CvvfjSrfCL


2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

πŸ”— https://t.co/8WTc1RQOGV


3️⃣ Design resources

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

πŸ”— https://t.co/82o5Eyhlji


4️⃣ Websites a programmer should visit

- A well curated list of websites a programmer should visit

πŸ”— https://t.co/ltdIqcQ6cT

You May Also Like