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 learn 90% of CSS using these 10 threads

🧵👇

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
ALL
Pratham
Pratham
@Prathkum
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
ALL
Advertisement
Pratham
Pratham
@Prathkum
6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗 https://t.co/W1XytKL1MI


2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 https://t.co/6PTcY1U5Cw


3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

🔗 https://t.co/LwY9E2qUNS


4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

🔗 https://t.co/EpQyhlN7pv
WEBDEV
Pratham
Pratham
@Prathkum
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗 https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb


3. Public APIs

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

🔗 https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ
CATAGORY JEE
Pratham
Pratham
@Prathkum
APIs in general are so powerful.

Best 5 public APIs you can use to build your next project:

1. Number Verification API

A RESTful JSON API for national and international phone number validation.

🔗 https://t.co/fzBmCMFdIj


2. OpenAI API

ChatGPT is an outstanding tool. Build your own API applications with OpenAI API.

🔗 https://t.co/TVnTciMpML


3. Currency Data API

Currency Data API provides a simple REST API with real-time and historical exchange rates for 168 world currencies

🔗 https://t.co/TRj35IUUec


4. Weather API

Real-Time & historical world weather data API.

Retrieve instant, accurate weather information for
any location in the world in lightweight JSON format.

🔗 https://t.co/DCY8kXqVIK
ALL

More from All

Lakshminarayan G
Lakshminarayan G
@narayanagl
The Chanting of following names of Bhagwan Vishnu, immensely helps us in overcoming the obstacles in our daily life.
These names are from Sri Vishnu Sahasranama!
|. "Om Vashatkaaraaya Namaha" : For Success in Business.
||. "Om Aksharaaya Namaha" : For Success in Studies.


|||. "Om Bhuthabhavanaya Namaha" : For Good Health.
|V. "Om Paramaathmane Namaha" : For Self Confidence.

Src: VAK magazine from Chilkur Balaji Temple, Hyderabad - Sri @csranga
#SanatanaDharma #SanatanaSanskriti #Sattology

One needs to chant the following slokas 28 times to get rid of certain problems in life.
Om Hrushikesaya Namah - For Overcoming Bad habits
Om Vashatkaaraya Namah - For Success in Business, Interviews, visa interviews, building relationships


Om Srimate Namah - For Handsome appearance & wealth
Om Aksharaya Namah - For Education & better financial strength
Om Paramatmane Namah - For self employed people, for promotions and success in games.
Om Putatmane Namah - To remove mental stress & for mental peace


Om Sarmane Namah - For Job Satisfaction
Om Bhutadaye Namah -To amend soured friendship or any personal relationship
Om Dhatre Namah - For issueless couple
Om vidhatre Namah - Pregnant Ladies to Chant for healthy babies.
Chant the following 108 times :
ALL
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
RISHI PINGALA:THE ANCIENT INDIAN SAGE DISCREDITED FOR HIS MAJOR CONTRIBUTIONS TO MATHEMATICS & PHI

Have you ever heard about,"The Golden Ratio"?
The Golden Ratio or Phi(Greek) is a mathematical ratio of nature. Mother Nature is the most exquisite artist in herself.


&Its this Phi she uses to create all the beauty in World.
If anyone uses this ratio correctly in their art,it can turn into a spell-binding piece of work.Such is the significance of'Phi'.But my thread isn't about it.Its about somethin called'Fibonacci Series'&who actually made it


Phi is related to Fibonacci series(0,1,1,2,3,5,8,13,21,34...)
&this series is responsible for everything dat is beautiful on this planet. Just try to calculate the ratio of any 2 successive numbers ÷ each of them by the number before it in above infinite series.

E.g. 3/2=1.5, 5/3=1.666, 8/5=1.6, 34/21=1.61904 and so on. Did you notice something? The ratio is coming almost same every time. This ratio is called 'Phi 'which is numerically represented as 1:1.618. This Golden Spiral is made in exact proportion of 1:1.618.


The thing I want to emphasize here is that we always find only those things appealing and attractive that have Phi. It's in our subconscious. Isn't it some revelation? We are the part of this Divine proportion of the God or the Mother Nature. Check these:
ALL
Advertisement
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
RANI GAIDINLIU:THE LESSER KNOWN FREEDOM FIGHTER

Rani Gaidinliu joined the freedom struggle at 13 &was sentenced to life imprisonment at 16."We r free people—the White should not rule over us.”Thus calling out to her Zeliangrong tribesmen was the voice of 13yr-old Rani Gaidinliu.


She joined the freedom struggle in the present-day Northeast India. Today, her struggle is lost in history as most of her countrymen wouldn’t even have heard her name. B'coz our history textbooks tell us that only Mahatma Gandhi &Pandit Nehru got India its Independence.


At 16 yrs of age, this valiant girl was sentenced to life imprisonment for leading a movement to drive out the colonial rulers from Manipur and Nagaland. Nevertheless, she was released in 1947 after India’s independence and was given the title ,"Rani of Nagas".


EARLY LIFE AND HERAKA MOVEMENT

Gaidinliu belonged to the Rongmei clan of the Zeliangrong tribe in the Tamenglong district of western Manipur. Born on January 26, 1915, she was fifth among eight children.


Her native village was Nungkao, which is present day Tamenglong distt. Brought up in a specially backward region,she couldn't receive any formal education. However,this didn't stop her from joining the freedom struggle. At the age of 10 she came under the influence of her cousin.
ALL
Angela Jamison
Angela Jamison
@AnJamison
@JeffJacksonNC @buzz\_chronicles @buzz\\\_chronicles @buzz_chronicles save as category @pdfmakerapp grab @pdfmakerapp grab this @readwiseio save @readwiseio save thread @threader compile summarize @Threadreaderapp unroll please @ttttreads unroll @unrollthread.com @SaveToBookmarks
ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Namaste! There you go! Original tweet by @buzz_chronicles: "@SaveToBookmarks Namaste! You can find it here. Original tweet by @AchuthArora: ...". Enjoy 👌

Hi! There you go! Original tweet by @SaveToBookmarks: "@buzz_chronicles @AchuthArora @OllieEmberson @rattibha No more missed tweet 😉!

...". See You soon! 👉
ALL

You May Also Like

The Astro Sapien\u2728
The Astro Sapien✨
@TheAstroSapienn
Here is my Thread on 'Ketu (South Node) Through Nakshatras' The 27 Constellations 🙏❣.

Do check your “Past life Mastery” which KETU Represents🤞🏻.


1. Ketu in Ashwini Nakshatra:

Here native is Great at Financial Planning, Face reading, understanding other’s mind and intention, Driving Fast they don’t like but they are wayyy smooth over driving Fast. This is also great position which can make native Great Surgeon,

Neurologist, Psychologist.
These natives are Selfless and Sacrifice self for others. They gets Fame and Success but they just don’t care.

2. Ketu in Bharani Nakshatra:

They are good at Flirting, Attracting opposite sex, studing ancient subjects. They are also Great at Creativity and Artistic activities. The are lazy but they are really open minded who handles situations really well.

In Past life they have handles many things which is now helping them to make things easier in this life. They are great Leaders too.

They are really good at Hard work and Smart work both. And yes just as Ashwini they don’t much care about Fame and Success!
ALL
Jijo Sunny
Jijo Sunny
@JijoSunny
1/ 👋 Excited to share what we’ve been building at https://t.co/GOQJ7LjQ2t + we are going to tweetstorm our progress every week!

Week 1 highlights: getting shortlisted for YC W2019🤞, acquiring a premium domain💰, meeting Substack's @hamishmckenzie and Stripe CEO @patrickc 🤩

2/ So what is Brew?

brew / bru : / to make (beer, coffee etc.) / verb: begin to develop 🌱

A place for you to enjoy premium content while supporting your favorite creators. Sort of like a ‘Consumer-facing Patreon’ cc @jackconte

(we’re still working on the pitch)

3/ So, why be so transparent? Two words: launch strategy.

jk 😅 a) I loooove doing something consistently for a long period of time b) limited downside and infinite upside (feedback, accountability, reach).
cc @altimor, @pmarca


4/ https://t.co/GOQJ7LjQ2t domain 🍻

It started with a cold email. Guess what? He was using BuyMeACoffee on his blog, and was excited to hear about what we're building next. Within 2w, we signed the deal at @Escrowcom's SF office. You’re a pleasure to work with @MichaelCyger!

5/ @ycombinator's invite for the in-person interview arrived that evening. Quite a day!

Thanks @patio11 for the thoughtful feedback on our YC application, and @gabhubert for your directions on positioning the product — set the tone for our pitch!
TECH
Advertisement
RadioChinar
RadioChinar
@RadioChinar
Demystifying Ghazwa-e-Hind. A #thread.

A recent video of Shoaid Akhter surfaced in social media creating a lot of controversy where the #Pakistani Cricketer can be seen suggesting invasion of India by using the term Ghazwa-e-Hind.
Radicalization of sportsmen seen off late
(1/10)


Some radical Islamic preachers believes that Ghazwa-e-Hind means a “Holy War against India”. As per this irrational & profane concept, there will be a fierce battle to secure victory over #India.
#Kashmir
(2/10)


#Pakistan-based terror groups, like JeM have been using Ghazwa-e-Hind as a Hadith to recruit, fund and justify its terror strikes as a religious holy war against #India.
#Kashmir
(3/10)


Some machiavellian people claim it is a prophecy that Muslim warriors will wage war against the #India.
Jaish & others falsely propagate that Jihad against India is considered holy in Islam & that those participating in it will be granted an easy entry into paradise.
(4/10)


However prolific scholars says that this is a made-up interpretation of some verse in The Holy Quran to mislead the gullible youth of #Pakistan into picking up arms and fighting its Army's personal battle against #India.
#Kashmir
(5/10)
SOCIETY
Anumah, Abdulraheem Okehi \U0001f468\u200d\U0001f52c\U0001f1f3\U0001f1ec \U0001f1eb\U0001f1f7 \U0001f1f5\U0001f1f9 \U0001f1ea\U0001f1f8
Anumah, Abdulraheem Ok...
@AnumahABD
Department List of UCAS-China PROFESSORs for ANSO, CSC and UCAS (fully or partial) Scholarship Acceptance
1) UCAS School of physical sciences Professor
https://t.co/9X8OheIvRw
2) UCAS School of mathematical sciences Professor

3) UCAS School of nuclear sciences and technology
https://t.co/nQH8JnewcJ
4) UCAS School of astronomy and space sciences
https://t.co/7Ikc6CuKHZ
5) UCAS School of engineering

6) Geotechnical Engineering Teaching and Research Office
https://t.co/jBCJW7UKlQ
7) Multi-scale Mechanics Teaching and Research Section
https://t.co/eqfQnX1LEQ
😎 Microgravity Science Teaching and Research

9) High temperature gas dynamics teaching and research section
https://t.co/tVIdKgTPl3
10) Department of Biomechanics and Medical Engineering
https://t.co/ubW4xhZY2R
11) Ocean Engineering Teaching and Research

12) Department of Dynamics and Advanced Manufacturing
https://t.co/42BKXEugGv
13) Refrigeration and Cryogenic Engineering Teaching and Research Office
https://t.co/pZdUXFTvw3
14) Power Machinery and Engineering Teaching and Research
EDUCATION
Dr Naomi Wolf
Dr Naomi Wolf
@naomirwolf
1/Just had an interview scheduled with @goddeketal, Dr Simon Goddek, the post-doctoral researcher at the Faculty of Mathematics and Statistics in the field of biotechnology, at an unnamed Dutch university. This researcher has been publicly pointing out that the paper that...

2/ the PCR test as the gold standard underlying global "lockdowns" was passed after maximum ONE day of peer review, as opposed to the average at that same journal of 172 days in 2019. Also that several authors have conflicts of interest. Unfortunately we were forced to cancel..

3/ because he was strongly advised by his university to maintain silence and not speak publicly -- to step back from this issue. I learned from a source that his university was heavily assailed by many complaints. Other scientists who have signed the review criticizing the PRC..

4/test, the "Retraction Request Letter", a critique that got worldwide attention, have also been bombarded with attacks, their relatives are being called at night, and their universities assailed. Some are at risk of losing jobs. Even former employers are being harassed. I..

5/ Note : scientists around the world are being silenced and harassed if they speak up in normal criticism of the scientific methods or conclusions used to advance the lockdown agenda and COVID testing. This is not post-enlightenment scientific discourse, this is how scientists
SCIENCE