Do not write CSS code, use these free generators instead that can help you immensely

A Thread 🧵

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 }

Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing😅

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD🧵👇

There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used

Let's start with understanding what document flow is?

📌 Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.

As now you know about document flow, let's start with Relative positioning

📌 Relative Position

- Relative positioning do not take an element out of document flow
- Relative positioning is relative to element's original position which can be changed using offset

🔹 Relative position is relative to itself.

For example: Consider the code and output in the attached image below

As you can see red box is shifted 100px from left because I applied left offset after giving it relative positioning

𝐆𝐢𝐭𝐇𝐮𝐛 serves more than 73,000,000 developers.

These repositories are so priceless 🤯 , better than some courses out there ✨

Here are 10 repositories that you don't wanna miss.

Thread🧵👇🏻

🞖 Clean code JavaScript 🞖

This repository takes the concepts of clean code by Mr. Robert C. Martin and adapts them for JavaScript so you can use them in future

🞖 Free-for. dev 🞖

This repository consists of a list of software(Saas, Paas, Iaas, etc.) and other offerings that have free tiers for

🞖 Tech Interview Handbook. 🞖

This repository can be used by anybody who wants to land a job at a tech company but is new to technical

🞖 JavaScript-Algorithms 🞖

This repository contains JavaScript-based examples of many popular algorithms and data

I discovered a fantastic GitHub repository called: Projects

This repository contains about 125 project ideas from beginner to intermediate level that anyone can solve in any programming language.

Link - https://t.co/Arl5fl1lQI

You are looking to get into Machine Learning? You most certainly can
Because I believe that if an above-average student like me was able to do it, you all certainly can as well

Here's how I went from knowing nothing about programming to someone working in Data Science👇

The path that I took wasn't the most optimal way to get a good grip on Machine Learning because...

when I started out, I knew nobody that worked or had knowledge of Data Science which made me try all sorts of different things that were not actually necessary.

I studied C programming as my first language during my freshman year in college. And before the start of my second year, I started learning python just because I knew C is not the way to go.
I learned it out of curiosity and I had no idea about Machine Learning at this point.

I did not learn python by courses but by books. I'll link all the resources at the end.
The approach I took was just to make the same kind of programs I made in C but just replacing the syntax with that of python and practised those.
Already knowing a language made it easier.

For Machine Learning, the first thing that I did was to join Andrew NG's course which really hit it off for me
I didn't have to have any idea about Machine Learning for the course. I completed that in almost a month and it gave me a good intuition of things and the flow of ML.

Six Blogs/Websites from which you can learn and stay updated about Python 🐍

Thread 🧵👇

1⃣ @realpython

The best site for Python. It helped me a lot personally in the learning process.

2⃣ Python Blogs

A dedicated platform for learners and professionals for

3⃣ @PythonPool

Python Pool is a platform where you can learn and become an expert in every aspect of Python programming language as well as in AI, ML, and Data

4⃣ Microsoft Dev Blog - Python

Read the latest updates about all things Python at