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

THREAD🧵🔽

10 HTML and CSS tips that you need to know😉

🧵👇🏻

1️⃣ Customize the text selection

- The ::selection pseudo-element matches the portion of an element that is selected by a user.

2️⃣ Range Input

- You can change the styling of input type="range"

3️⃣ Custom Scrollbar

- Customize the scrollbar of your website in few minutes

4️⃣ Scrollable element

- If you have some fixed size element then use overflow: auto. It will convert your element into scrollable element

Are you planning to learn CSS for adding some cool styling in your website?

In this thread, I'm covering all the basics and proper plan you need to know in order to getting started with CSS.

🧵 👇🏻

We need to know the importance of CSS first. Why CSS?

Well I guess CSS is the only language that add some visuals in website. Without CSS, Without it, websites would still be plain text on white backgrounds.

{ 02 / 17 }

Let's compare a website with and without CSS

Image 1: With CSS
Image 2: Without CSS

{ 03 / 17 }

I this should be enough to explain you why CSS is so important. So lets start

You can gain some decent amount of CSS knowledge in 30 days. And after that you will definitely able to create some good looking website. Let's see how 👇🏻

{ 04 / 17 }

First things first, you need to learn basic stuff

- How to link your CSS files with HTML file
- How to select elements so that you can add styling

{ 05 / 17 }

"I want to learn how to code, but have no idea where to begin."

I've been getting this question pretty frequently lately, and thought it was a good time to put together a thread to cover all the basics.

And here it is!

Instead of just throwing a few links at you, I first want to cover something much more fundamental: The *reason* you want to learn to code.

I've had to train a good number of developers in my time. The ones that succeeded had rock-solid, persistent motivations. Is that you?

Some good motivations for learning how to code:

* Enabling a career change
* Insatiable curiosity, eagerness to learn
* Frustration with inefficiency + desire to improve things
* Larger goals in mind, coding being a stepping stone

Some bad motivations for learning how to code:

* It seems popular
* Your friends/family have ideas for apps
* You want to make lots of money by sitting in front of a computer
* You bought an expensive MacBook and are struggling to justify the expense

For those, trade forex.

Motivation matters, because of the one thing that's universally true about coding: It's hard.

Depending on what you do, you may have to learn several languages at once. Tools constantly update. New approaches land in the market on an annual basis. You're constantly upskilling.

Practice and improve your HTML, CSS and JavaScript skills by building these 50 projects.

A thread 🧵

1. Expanding Cards
2. Progress Steps
3. Rotating Navigation
4. Hidden Search
5. Blurry Loading
6. Scroll Animation
7. Split Landing Page
8. Form Wave Animation
9. Sound Board
10. Dad Jokes App

11. Event KeyCodes
12. FAQ Collapse
13. Random Choice Picker
14. Animated Navigation
15. Incrementing Counter
16. Drink Water
17. Movie App
18. Background Slider
19. Theme Clock
20. Button Ripple Effect

21. Drag N Drop
22. Drawing App
23. Kinetic Loader
24. Content Placeholder
25. Sticky Navigation
26. Double Vertical Slider
27. Toast Notification
28. Github Profiles
29. Double Click Heart
30. Auto Text Effect

31. Password Generator
32. Good Cheap Fast
33. Notes App
34. Animated Countdown
35. Image Carousel
36. Hoverboard
37. Pokedex
38. Mobile Tab Navigation
39. Password Strength Background
40. 3D Boxes Background

I remember how hard it was to find resources for machine learning a couple of years ago.

Now we have so many of them, its impossible for you to not find what you're looking for.

Here are some of them 🧵

1️⃣ Kaggle

My go to place for finding datasets and code snippets, also a great place for discussions.

2️⃣ Papers with code

A collection of the latest and greatest research papers and the best part, a github repository with the code is included!

3️⃣ Kdnuggets

Guides, tutorials and articles on everything AI, Analytics, Big Data, Data Mining, Data Science, and Machine Learning.

4️⃣ Towards Data Science

A blog about data science with accessible and well written articles.

Wanna Learn Programming (Python, Java, Swift, and C++) for free?

Here are some of the best freely available online tutorials you can learn coding from. A Thread👇

Introduction into all of the core concepts in python. Course developed by @mike_dane

Python for beginners - (includes machine learning & web development projects). Course created and developed by Mosh

Advanced computer vision using Python. You will learn state of the art computer vision techniques by building five projects with libraries such as OpenCV and Mediapipe. Course created by Murtaza

C++ full basic Tutorial series by Cave of Programming