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 \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
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
5 amazing websites that will blow the mind of a developer. Definitely check them out

🧵👇🏻

1️⃣ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

🔗 https://t.co/IFmIEgDiVY


2️⃣ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

🔗 https://t.co/mTAlFbJsOW


3️⃣ Blockchain Demo

- A visual demo of blockchain technology

🔗 https://t.co/I1RwxYcM1Z


4️⃣ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

🔗 https://t.co/VSNPdG8jQR
CODING
Advertisement
Pratham
Pratham
@Prathkum
5 great gradient background sites for every web developer and designer 🎨

🧵👇🏻


1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

🔗 https://t.co/EainhiePop


2️⃣ Eggradient

- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends

🔗 https://t.co/F0uYVsZbA4


3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/MV8PT7q3Kz


4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

🔗 https://t.co/dlCExilHAT
WEBDEV , ALL
Pratham
Pratham
@Prathkum
The HTML Roadmap 🛣️

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading and paragraph tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Understanding of semantic elements
10. Basic attributes
ALL
Pratham
Pratham
@Prathkum
Five great icons websites for every web developer and designer ⏺️

A Thread 🧵👇🏻


1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

🖇️ https://t.co/inHse0QXBh


2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

🖇️ https://t.co/dbQrJi0IHf


3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

🖇️ https://t.co/h5NlH5fGGr


4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

🖇️ https://t.co/sqiZ6H9sR7
WEBDEV

You May Also Like

Anshul Pandey
Anshul Pandey
@Anshulspiritual
BRAHMA VAIVARTA PURAN: IMPORTANCE AND CHARACTERISTICS.

This Puran introduces us to way of Vedas. On the request of Narad Muni Bhagwan Saavarni had preached this Puran. It is a summary of Dharma, Arth, Moksha etc.


Listening to this Puran one gets automatically attached to Vishnu and Shiva and realize that there is no difference between them. Vyasji divided this book into four parts. It has eighteen thousand shlokas. This whole book is in the form of dialogue between Suutji and Maharishi's.

The first part Brahmkhand, consists of Shrishti description. Here Shri is known as Para Brahma and description of Gokul is also mentioned, It also narrates the argument between Brahma and Narad in which both were defeated, and then Narad went to Shiva to attain more gyan.

Shivji advised him to go to Bhagwan Saavarni for this. Narad goes to Saavarni ashram to seek Knowledge and is totally amazed by the sorroundings.

Next is Prakriti khand which consists of dialogue between Narad and Saavarni where they discuss the

Importance of Shri Krishna through various stories. Then there is the discussion of Prakriti and its various hues. Listening to this gets you wealth.
Next is Ganesh Khand which describes the Punyak vrat done by Parvati ji. After this it narrates the birth of Kartikeya and Ganesh.
RELIGION
.
.
@oyevivekk
THREAD:

80 Films with the biggest Plot Twists that will blow your mind.

1. Fight Club


2. Predestination


3. Seven


4. Requiem for a Dream
MOVIES , ALL , LIST OF MOVIES
Advertisement
Michael King \U0001f1fa\U0001f1f8
Michael King 🇺🇸...
@8MichaelKing
Ever notice how the top niches are centered around health, wealth, and relationships?

There's a deep-rooted psychological (and biological) reason why.

And today, I'm gonna to explain all of it so you can start profiting off of this knowledge 💰💰

*Now, this thread is going to be long and in depth. Make sure to favorite the top tweet now so you can come back to it later.

So. Down to the very core of every living being (humans, dolphins, bacteria, aliens), there are only two drivers:
1. To survive
2. To reproduce

Right off the bat, we know that sex is a primary driver to human behavior.

This would also mean that each gender has its own insecurities regarding sex.

Men have a subconscious fear that their woman will leave them for someone more successful

Women have a fear that their man will leave them for someone younger & better-looking

We can conclude that men are attracted to looks, and women are attracted to status.

This is human nature down to its very core.

Crazy, blue-haired feminists will try to argue and say otherwise.

But, 50 years of feminism DOES NOT OVERRIDE millions of years of evolutionary biology.

Here's a quick visualization exercise so you can see how true all this is...
STARTUPS
Patrick McKenzie
Patrick McKenzie
@patio11
Most software founders, particularly in B2B, need to get radically better at sales. @Steli , who is the best person for explaining the scrappy stages in the beginning and then building out a team with scripts and processes, wrote a guide to:

For technical founders it is irrationally, obscenely hard to reverse years of programming (ba dum bum) that sales is a value-destroying activity. Sales is CLEARLY a value-creating activity, contingent on you have a value-creating product.

The world will not drop what they are doing to adopt your work. This is particularly true in B2B, where simply building a better mousetrap won't overcome the activation energy required to get people with additional non-mice problems to prioritize changing mousetraps today.

This is very non-obvious for founders because founders are not often people who *want* to be sold to. We often come from a background where trying out tools is a bit of a fun hobby. We like looking at all the options, making charts, and ripping out partially complete tests.

"This week I unsuccessfully trialed four software options for automating that thing that has been killing us. Our actual production process remains the same as last week. Don't worry; this was a great use of time." is not a thing you want to write in a progress report to manager.
TECH
Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
Neyyattinkara Krishna Kshetram
#Thiruvananthapuram
#KeralaTemples 🚩

Neyyattinkara Krishna Kshetram is considered as the Guruvayur of Trivandrum. Thrikkayyil Venna (butter) is main offering to Neyyattinkara Unnikannan. Kshetram is supposed to be built by Marthanda Varma.


Sthala Puranam says that, Anizham Thirunal Marthanda Varma was surrounded by his enemies, Ettuveettil Pillamar, while he was near the place where Temple is situated now. The king prayed to Padmanabhaswamy to protect him.  At that time, a small boy was seen there and he


advised the king to hide himself inside the hollow trunk of a jack fruit tree. The king was surprised to find a small boy in the forest, but agreed to the advice
Thus he was saved from the attack. When the enemies left, king tried to know about the boy, but he couldn't.


He believed that it was krishna himself who saved his life. A temple was built here, which is the present Neyyattinkara Krishna Kshetram. The jack fruit tree where  the king hid himself is now known as Ammachi Plavu. Ashtami Rohini, Vishu are very famous here

Hare Krishna
🙏🕉🙏
ALL