BC ALL
Saved by @kumar_praveen96

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 }
Color and background are the two properties you can start learning with. Although background is a shorthand property and its deep. So intially you can start with background-color property. Later on, you can explore more

{ 06 / 17 }
There are a lot of great color palette out there using which you can generate pleasant color schemes

Check this great tool for generating accessible colors. Just enter a color and generate nice color palettes

🔗 https://t.co/kmjrXNUDIL

{ 07 / 17 }
Box model is the next important concept you need to learn. As everything is a box in web development.

Check out this detailed thread if you want to learn about box model from my thread

https://t.co/2iPn0jfJO2

{ 08 / 17 }
Moving forward, typography is an essential thing of web page. A good font can make your webpage and establish a strong visual hierarchy, provide a graphic balance to the website, and set the product's overall tone

You can add free fonts from Google's official site

{ 09 / 17 }
There are five basic classifications of fonts:

1. serif
2. sans serif
3. script
4. monospaced
5. display

{ 10 / 17 }
Next thing we have in CSS is positioning concept, its yet another powerful and confusing. But don't worry I am here to make it easy for you. You can learn it from anywhere but I also have a thread on it

https://t.co/M4ulcGIueV

{ 11 / 17 }
Up to this point you have some decent knowledge of styling your website. It would be great if you learn about a layout system now.

Flex and Grid

Grid is little bit tough to master but flex isn't

{ 12 / 17 }
You don't even need to learn about Flex if you know Grid layout. Because you can achieve the Flex layout using Grid layout.

https://t.co/XtbgA0wxZP

{ 13 / 17 }
Moving forward, there are million of device on which user will see your website. In order to deliver best experience, you need to make your website responsive. That is also handled by CSS.

{ 14 / 17 }
Few days back I wrote a thread on responsive web design. Give it read and learn about responsiveness in almost no time. This is a visual guide as well

https://t.co/P2f4yNiuHO

{ 15 / 17 }
CSS is deep but I am creating content on twitter in order to reduce the complexity for beginners

Check out this curated list of CSS threads written by me

https://t.co/Nn1V5M7Zoq

{ 16 / 17 }
Amazing! I think this is pretty much it for this thread. Don't think much just start with it, you'll enjoy the process for sure.

Thanks for reading this and share it with your connection it means a lot to me ❤️

Peace out 😉

More from Pratham

Pratham
Pratham
@Prathkum
You can check out these websites if you're learning HTML, CSS and JavaScript 🧵...

HTML 🧱

1. Learn HTML
https://t.co/NlQZAFwthT

2. HTML best practice
https://t.co/PyPf3lP9bX

3. HTML

CSS 🎨

1. CSS reference
https://t.co/Hhk8NKglpf

2. Learn to code
https://t.co/CLEsHgSrEk

3. CSS layout
https://t.co/9yiXkP3mWi

4. CSS tutorial
https://t.co/fR6AeVTdZv

5. Learn about colors
https://t.co/7vrD10j0jU

6. Learn gird

JavaScript ⚙️

1. JavaScript visualizer
https://t.co/9NId4GjGAq

2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO

3. JavaScript tutorial
https://t.co/taSKnEPxMS

4. JavaScript 30
https://t.co/j2wEIHVU8S

5. JavaScript
ALL
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
If you know CSS then you can use these amazing generators and save your time

Thread 🧵👇🏻

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

🔗 https://t.co/6La36IzBLj


2️⃣ Glassmorphism

- Generate glassmorphic design easily

🔗 https://t.co/qrKqDV5tzY


3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

🔗 https://t.co/df7VSaRSh9


4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

🔗 https://t.co/ojD8qwzuhx
CSS
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
If you're learning or planning to learn Web Development in 2021 then this thread is for you

🧵👇🏻

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

{ 2 / 16 }

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

{ 3 / 16 }

FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages

{ 4 / 16 }

- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library

{ 5 / 16 }
CODING
Pratham
Pratham
@Prathkum
If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

🧵👇🏻

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

🔗 https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

🔗 https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

🔗 https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

🔗 https://t.co/3z22aeVQFc
ALL
Pratham
Pratham
@Prathkum
12 websites that will help you learn web development faster (completely free): 🧵

1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

🔗 https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

🔗 https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

🔗 https://t.co/rQJMISBDfS
WEBDEV

More from All

Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
RANI NAIKI DEVI AND THE BATTLE OF KASAHRADA

Mohammad Ghori, the young Ghurid Prince conquered Ghaznavids in Afghanistan in the year 1173 CE. He conducted some successful raids into the Indian territory, which even Mahmud Ghazni & the Persians couldn't do.


First&foremost,Ghori invaded states of Multan &Uch in India.After this he turned to southern states of Gujarat &Rajputana.Everybody knows this about Ghori,but what most pple r unaware of is the defeat he suffered at hands of Chalukyan Queen Naiki Devi in 1178 Battle of Kasahrada.


When he marched southwards, his first target was the prosperous fortified town of Anhilwara Patan.
It was the capital of Chalukyas(also known as Solankis of Gujarat) which was established by Vanraj of Chapotkata Dynasty in 8th century.


American historian Tertius Chandler states that it was the 10th largest city in the world at that time. The history of Chalukyas has been written by many historians, but the valour of the Great Queen Naiki Devi remains unsung.


Born to the Kadamba King Paramardin of Goa,Naiki Devi was well trained in sword fighting, horse riding, strategy & every other subject of Statesmanship. She was married to King Ajaypala of Gujarat who sat on throne in 1171CE. Unfortunately,the King died within 4 yrs of his rule.
ALL
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
SRI MOOKAMBIKA DEVI, KOLLUR (KAR)

There was an Asura, Kaumasura, who was doing penance to please Shiva and get a boon. To prevent him from asking for a boon, Devi Saraswati made him dumb (hence called Mookasur)
Later, Adi Parashakti slayed him and came to be called Mookambika.


It is said that Adi Shankaracharya had a vision in which Devi agreed to follow him provided he did not look back. He kept walking and was assured of her presence due to the sound of anklets. When he reached here in Kollur, he turned back as the sound of anklets had stopped.


So Devi stayed here and merged with the lingam. The place came to be called Mookambika Kshetram.
The linga has integrated on it’s left side MahaKali, Maha Lakshmi and Maha Saraswathi and on the right side- Brahma, Vishnu and Shiva.


A swarna rekha (gold line) divides this linga into left and right portion. Adi Shakthi in this Udhbhavlinga form appears only here.
Devi sits in padmasana and has 4 hands.
Adi Shankaracharya installed the Sri Chakra in front of Devi and also composed the Soundarya Lahiri here.
ALL
Advertisement
itrade(DJ)
itrade(DJ)
@ITRADE191
Here is the detailed information of about strategy,

Entry time : 9.30 - 10
Exit : Upto you

Strategy :
Sell weekly ATM CE & PE at almost equal price
For ex : Sell Nifty 17250 CE at 50 and Nifty 17250 PE at 48 so it will become short straddle

Buy monthly ATM or near ATM CE & PE at matching price (5-10 points diff should be fine) as hedge
For ex : Buy Nifty 17250 CE at 150 and Nifty 17300 PE at 155 so it will become long straddle.

Weekly Short straddle + Monthly Long straddle

Adjustment:

• If you feel slightly bullish/bearish then no adjustment needed
• If Nifty moves 50 up or down and sustain then just simply roll up or down half of qnty and keep rest of the quantity. If market goes up or down further then roll up or down rest.

• If Nifty moves one side or about to breach BEP then add equal amount of lot. This can balance tested side. For ex: If I bought 17300 CE 4 lot as hedge then add 4 lot so you will have only one side risk . Note: Remember to keep SL at cost price (only for additional lot bought)

Capital requirement:
2.2 L for 4 lot
Adjustment requires additional capital upto 1L

Note : High risk high reward strategy, please don’t execute until you fully understand. Kindly do paper trading or backtest.
RR : 1:1
POP : 45-55%
OPTIONSLEARNINGS , ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Namaste! You can find it here. Original tweet by @AchuthArora: "@AJA_Cortes @buzz_chronicles @rattibha @SaveToBookmarks save as Workouts". Enjoy 👌

Hi! There you go! Original tweet by @SaveToBookmarks: "@AchuthArora @AJA_Cortes @buzz_chronicles @rattibha Cool!

Your tweet has been s...". Cheers! 👉
ALL
Andrew Lokenauth
Andrew Lokenauth
@FluentInFinance
I've used Microsoft Excel for 20 years and these 10 shortcuts will make you an Excel Guru in 5 minutes & maximize your productivity 100x:

🧵 Don't use Excel without knowing these 10 shortcuts:

(1) Repeat the Last Action: Ctrl + Y

You have just applied a formatting style to a cell, use Ctrl + Y to quickly apply the same formatting to another cell.


(2) Display Formulas in cells: Ctrl + ~

If you have a cell that contains a formula, you can use Ctrl + ~ to switch between the formula view and the value view of the cell. This allows you to see the underlying formula used to calculate the cell value.


(3) AutoSum: Alt + =

The AutoSum shortcut is useful for quickly calculating the sum of a range of cells without having to manually type in the formula


(4) Insert current date: Ctrl + ; (date)

When tracking the progress of a project, add the date each time a task is completed. Use Ctrl + ; to quickly insert the current date.
ALL

You May Also Like

Bharadwaj
Bharadwaj
@BharadwajSpeaks
Hinduism is a minority religion in Punjab.

During the Khalistan movement, the minority Hindus and Jains were subjected to several attacks. Hindu and Jain temples were frequently vandalized and desecrated. This thread documents a few instances.

Thread

Durgiana Mandir is one of the oldest temples of Amritsar. According to the regional Hindu tradition, the temple was built on the spot where Lava and Kusha bound Hanuman. The temple annually attracts millions of Hindus from all over the country.


Amristsar has a very ancient Hindu history.

According to the regional Hindu tradition recorded in the "Survey of Amritsar", Amritsar got its name from Amrit immersed by Lava and Kusha in a pond.


Durgiana Mandir was rebuilt in 1921.

It was used to house the Murtis of Vishnu and Durga which were thrown out from the Parikrama of Harmandir Sahib in 1905.

Because of its presence in Amritsar, it became a frequent target of radicals during the Khalistan movement.


In 1982, in what was a completely unprovoked attack, the Dal Khalsa "activists" threw a severed cow head inside Durgiana temple.
RELIGION
Erik Torenberg
Erik Torenberg
@eriktorenberg
1/ Here’s a list of conversational frameworks I’ve picked up that have been helpful.

Please add your own.

2/ The Magic Question: "What would need to be true for you


3/ On evaluating where someone’s head is at regarding a topic they are being wishy-washy about or delaying.

“Gun to the head—what would you decide now?”

“Fast forward 6 months after your sabbatical--how would you decide: what criteria is most important to you?”

4/ Other Q’s re: decisions:

“Putting aside a list of pros/cons, what’s the *one* reason you’re doing this?” “Why is that the most important reason?”

“What’s end-game here?”

“What does success look like in a world where you pick that path?”

5/ When listening, after empathizing, and wanting to help them make their own decisions without imposing your world view:

“What would the best version of yourself do”?
LIFE
Advertisement
Ferruccio Balestreri \U0001f308
Ferruccio Balestreri 🌈...
@0xferruccio
🕵️‍♂️ How Google's PageRank algorithm works

The PageRank algorithm gives each page a rating of its
importance, which is a recursively defined measure of importance, based on if important pages link to it.
It's recursive because the importance of a page refers back to the importance of other pages that link to it

Here's how it works in practice:
1⃣ We start with some pages and crawl them for links


2⃣ Each page has 1/N points (where N as the total number of pages)


3⃣ Add points to each page for the amount of links to it, divided by the number
of links emanating from the sources of these links
TECH
Simon DeDeo
Simon DeDeo
@SimonDeDeo
"I lied about my basic beliefs in order to keep a prestigious job. Now that it will be zero-cost to me, I have a few things to say."


We know that elite institutions like the one Flier was in (partial) charge of rely on irrelevant status markers like private school education, whiteness, legacy, and ability to charm an old white guy at an interview.

Harvard's discriminatory policies are becoming increasingly well known, across the political spectrum (see, e.g., the recent lawsuit on discrimination against East Asian applications.)

It's refreshing to hear a senior administrator admits to personally opposing policies that attempt to remedy these basic flaws. These are flaws that harm his institution's ability to do cutting-edge research and to serve the public.

Harvard is being eclipsed by institutions that have different ideas about how to run a 21st Century institution. Stanford, for one; the UC system; the "public Ivys".
LIFE
Suchi Sharma
Suchi Sharma
@Suchi_sharma_
Yantrodharaka Anjaneya Temple, Hampi, Karnataka.

This temple dedicated to pawanputra Hanuman, near the banks of Tungabhadra river was built by dwaita philosopher and rajguru of the Vijayanagar empire, Sri Vyasaraja around +500 years ago.


:It is only in this temple that Hanuman appears in a prayer position. In this image, Bhagwan Hanuman’s crown has been formed by his tail.12 monkeys have been carved around this amulet.


:They represent the 12 days Sri Vyasaraja prayed to Hanuman ji. Each monkey holds the tail of the monkey in front of him but is facing backward. Seed syllables have also been carved around the amulet.


:It is believed that Sri Vyasaraja used to draw a picture of lord Hanuman here on the rocks before offering prayers using charcoal and the sketch disappeared after prayers.This incidence happened for 12 days in a row until he pleaded to bhagwan to appear in front of him.


On the 12th day, Hanuman ji appeared in front of Sri Vyasaraja and blessed him. Hanuman asked Sri Vyasaraja to constrain him in a hexagonal amulet & install him in that place.
ALL