BC CSS
Saved by @cur10uslearner

JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

 1. Smooth scrolling

https://t.co/eRRqdjrykQ
2. Change marker styling
3. Add styling to video subtitle

https://t.co/Oorw0Vymda
4. Change input caret color

https://t.co/OKSsAtxEuJ
5. Typewritter effect using pure CSS

https://t.co/Q6vorP1mFL
6. Customize text selection

https://t.co/lcsl9xVQ4X
7. Zoom image on hover

https://t.co/wB16o8jRWR
8. Customize first letter

https://t.co/5mK65WYUqS
9. Pure CSS image carousel

https://t.co/ecvhTwLBbw
10. Comma separated list

https://t.co/N9WeaMNVtb
11. Text outline using 1 CSS property

https://t.co/k41IoCECRc
12. Customize list style type

https://t.co/DOQK8EV0tS
13. Style range input

https://t.co/DWW7Fskw04
14. 3D elements using CSS

https://t.co/OFUn4UHhUQ
15. Optimize the performance

https://t.co/4im7DbNuFf
16. Create round text

https://t.co/IWEC1nJQV0
17. Wavy underline

https://t.co/7gkr2ykYOB
18. Truncate text using CSS

https://t.co/7SQ5m5mGCM
19. Negative selector

https://t.co/Z6NPEndM24
20. Prevent text selecting

https://t.co/Sudo7KLwh1
21. Make div scrollable

https://t.co/NEYyQadOOA
22. Image reflection

https://t.co/Tsy0J1i9r0
23. Image rendering

https://t.co/J7uLQAjYJB
End of this thread.

I’m planning to post more top-notch content in upcoming days.

Follow me @Prathkum if it sounds good.

More from Pratham

Pratham
Pratham
@Prathkum
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
ALL
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵


Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }


Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }
CODING , WEBDEV
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
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
ALL
Pratham
Pratham
@Prathkum
Finding good courses is challenging.

Here are five courses on JavaScript, Python, and Go you can consider in 2022.

Thread 🧵

1️⃣ Basic JavaScript

Interactive learning will help you understand the basic concepts of JavaScript quickly.

• Introduction
• Variables
• Comparisons
• Loops

🔗

2️⃣ Advance JavaScript

Understanding complex concepts of JavaScript is the with exercises and challenges.

• Functions
• Arrays
• Objects

🔗

3️⃣ Python

You'll get hands-on practice with all the building blocks to ensure you excel as a Pythonista.

🔗

4️⃣ DS and Algo in Python

Algorithms are tough to master. But this course made it easy with code samples and quizzes.

🔗
ALL
Pratham
Pratham
@Prathkum
Learn Data Structure and Algorithms for free:

1. https://t.co/b8YeMXWcLF
2. https://t.co/TKkxPKj0Hk
3. https://t.co/WJBl9XU8D9
4. https://t.co/KKEmamdkOI
5.
DSA

You May Also Like

Hermann Peterscheck
Hermann Peterscheck
@petershk
For fun I made a Robinhood account. It took me 5 minutes to sign up, get approved and transfer funds for trading...

Here's some details... Read on.

...it took me another 5 minutes to get qualified for options.

If I share a sign up I get "free shares" and I can share as much as I want up to 500$ worth.

The main UI has a prepopulated "list" of stocks/crypto to watch and links to news.


Clicking a stock opens a "trade" button that looks like this.

Notice options is first, buy second.

Options took me to an approval process (which took about a minute) and now away I go trading Baba options.


Buying stock looks like this. It emphasizes fractional shares.
TRADING
Khatvaanga
Khatvaanga
@khatvaanga
Sri Gurubhyo Namaha.


After the phenomenon called Sri Chandrasekhara Bharati came another one - Sri Abhinava Vidya Teertha [1954-1989] the 35th Jagadguru. Srinivasa was born on Nov 13, 1917. He was initiated into Sanyasa by Sri Chandrasekhara Bharati in 1931. He was Jagadguru for 35 years.

He was chosen and specifically trained to take over Peetadhipatyam from Sri Mahaswami. He is majorly responsible for the way Sringeri currently is. He built various buildings for devotees, Gajashala, Gooshala etc.

Acharya on conversions:
Once a person approached Sri Acharya that some other religions are trying to convert Hindus and requested Sri AVT to do prevent these conversions.

AVT replied - what do u mean by religion? Religion i.e. mata is related to 'mati' or intellect.
Caste is called 'jAti' which is related to janana or birth.
Ex- breed of a cow. we cannot change its qualities to resemble another breed by changing its name.
ALL
Advertisement
Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193
Billy Bostickson 🏴👁&👁 ...
@BillyBostickson
1. Project 1742 (EcoHealth/DTRA)
Risks of bat-borne zoonotic diseases in Western Asia

Duration: 24/10/2018-23 /10/2019

Funding: $71,500
@dgaytandzhieva
https://t.co/680CdD8uug


2. Bat Virus Database
Access to the database is limited only to those scientists participating in our ‘Bats and Coronaviruses’ project
Our intention is to eventually open up this database to the larger scientific community
https://t.co/mPn7b9HM48


3. EcoHealth Alliance & DTRA Asking for Trouble
One Health research project focused on characterizing bat diversity, bat coronavirus diversity and the risk of bat-borne zoonotic disease emergence in the region.
https://t.co/u6aUeWBGEN


4. Phelps, Olival, Epstein, Karesh - EcoHealth/DTRA


5, Methods and Expected Outcomes
(Unexpected Outcome = New Coronavirus Pandemic)
ALL
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
SRISAILAM: KASHI OF THE SOUTH (AP)
#andhratemples

The divine abode of Mallikarjuna Swamy (Jyotirlinga) and Devi Brahmaramba (Shaktipeeth).

When Ganesha was married before Kartikeya, he left in anger to Kraunch mountain. Shiva and Parvati also followed him there.


Shiva assumed the form of Jyotirlinga and resided on the mountain by the name of Mallikarjuna. Mallika means Parvati while Arjuna is another name of Shiva
It is also said that once, a princess Chandravathi, saw a cow shedding milk on a rock resembling a shivlingam.
@DubeyYash1911


She started praying to the lingam daily and used to offer jasmine (mallika pushpam) daily. Pleased Shiva appeared before her and agreed to wear jasmine garland (mallika pushpmala) on his head permanently. Since then, Shiva became known as Mallikarjun Swamy.


At this place, Shakti took the form of Bhramaram (bee) to kill Arunasur and settled as Bhramaramba Devi. The place is a Shakti Peeth as the neck portion of Devi Sati fell here.

It is said that by merely seeing the hill, one is emancipated from all his sins and worries.
ALL
Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
JWALAMUKHI TRIPURASUNDARI, UTHANAHALLI, MYSURU (KAR)
#bharatmandir

Jwalamukhi Tripursundari is believed to be the sister of Devi Chamundeshwari, the presiding deity of Mysuru
It is also that she represents the flaming mouth of Jalandhara, the demon whom Shiva crushed to death.


When Devi Chamundeswari was fighting Mahishasura, she observed that from every drop of blood that spilled out of Mahishasura, another demon was born. So she created Tripurasundari to ensure that no blood dripped from Mahishasura.


Tripura Sundari means beauty of the three worlds.
The murti was installed during Wodeyar rule. An utsava murti made of pancha loha is kept in the sanctum sanctorum.
Another shrine here is dedicated to Siddeshwara / Shiva surrounded by a beautiful wooden Mantapa.
@GunduHuDuGa
ALL